profile
코린이 성장일기
post-thumbnail

TIL 41 - CS/네트워크 HTTP/GET/POST

인터넷상에서 데이터를 주고 받기 위한 서버-클라이언트 모델을 따르는 프로토콜.OSI 7계층의 애플리케이션 레벨의 프로토콜로 TCP/IP 위에서 작동우리가 웹브라우저를 통해 페이지들을 볼 수 있게 해준다.HTML 뿐만 아니라 각종 이미지, 동영상, 음성 데이터들도 전송이

2021년 10월 18일
·
0개의 댓글
post-thumbnail

TIL 40 - TCP 3-way handshake 네트워크

TCP/IP 방식의 4계층에서 쓰이는 주요 프로토콜 중 하나이다. 서비스를 구분하고 데이터의 전송 방식을 담당하는 계층(TCP, UDP)4계층은 데이터가 도달함을 보장하는 신뢰성을 제공하는 계층으로, TCP는 에러 복구, 흐름제어, 애플리케이션 식별 등을 수행합니다.

2021년 10월 17일
·
0개의 댓글
post-thumbnail

TIL 37 - 정규식

특정문자 제거 : str.replace(/-/g,'');앞의 공백 제거 : str.replace(/^\\s+/,'');뒤의 공백 제거 : str.replace(/\\s+$/,'');앞뒤 공백 제거 :

2021년 9월 10일
·
1개의 댓글
post-thumbnail

TIL 36 - DevOps / SRE

애플리케이션 개발의 품질과 속도를 개선하고 신규 또는 수정된 소프트웨어 기능이나 제품의 릴리즈 주기 단축을 장려하는 새로운 철학이자 프레임워크이다.사례는 애플리케이션 개발팀(Dev)과 해당 IT 운영 팀(Ops)팀 간의 원활하고 지속적인 커뮤니케이션, 협업, 통합, 가

2021년 8월 30일
·
0개의 댓글
post-thumbnail

TIL 35 - 모던 자바스크립트 Deep Dive 06

전역 코드 - 전역에 존재하는 소스코드를 말한다. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함되지 않는다.전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성해야 한다. 그리고 var 키워드로 선언된 전역 변수와 함수 선언문으로 정의된 전역

2021년 8월 28일
·
0개의 댓글
post-thumbnail

TIL 34 - [react] kakao 우편번호 찾기

프로젝트에서 등록하는 페이지를 구현하면서 주소찾기 기능을 구현하게 되었다.카카오에서 친절하게 설명해줘서 어려움은 없었다😆 해당 주소를 input에 넣어주고 button onclick했을 때 주소 창 뜨게 구현했다.

2021년 8월 22일
·
0개의 댓글
post-thumbnail

TIL 32 - Input radio 버튼 스타일

css는.. 멀고도 깊다고 느끼게 해준 라디오 버튼 스타일 적용이였다.input radio button을 label로 감싸고 span에 스타일을 적용시켜줬고해당 버튼을 누르면 목데이터에 적용한 id값을 받아오게 했다.input radio button을 label로 감싸

2021년 8월 22일
·
0개의 댓글
post-thumbnail

TIL 31 - 모던 자바스크립트 Deep Dive 05

자바스크립트는 Object, String, Number, Date, Math, RegExp, Array, Map, Set, Promise, Reflect, Proxy, JSON, Error 등 40여 개의 표준 빌트인 객체를 제공한다.Math, Reflect, JSON

2021년 8월 15일
·
0개의 댓글
post-thumbnail

[PROJECT] RUSHOUR - 프로젝트 회고록

이렇게 시간이 빨리 지나간 날이 있었던가..🥲 쏜살같이 지나간 프로젝트 기간동안 내내 좋은 팀원분들과 함께해서 정말 행복했고 덕분에 아무 탈 없이 잘 끝낼 수 있었다.🥰 우리 TEAM RUSHOUR 상웅님, 도윤님, 정우님, 지선님, 민님 2주 동안 즐거웠고 감사했

2021년 8월 14일
·
7개의 댓글
post-thumbnail

TIL 30 - React Hook 개념

React Hooks은 리액트의 새로운 기능으로 React 16.8버전에 새로 추가된 기능으로 state, component에 대한 것들을 바꿔놓았다. 예를 들면 함수형 컴포넌트에서도 상태 관리를 할 수 있는 **useState**, 그리고 렌더링 직후 작업을 설정하

2021년 8월 14일
·
0개의 댓글
post-thumbnail

TIL 29 - 리액트의 LifeCycle API

이 API는 컴포넌트의 생성자 함수로써 새로운 컴포넌트가 생성될 때마다 호출된다.이 API는 컴포넌트가 생성되고 화면에 출력을 완료한 이후에 호출된다.주로 다음과 같은 경우에 사용된다.DOM을 사용해야하는 외부 라이브러리를 연동할 때DOM의 속성을 읽거나 변경해야 할

2021년 8월 8일
·
0개의 댓글
post-thumbnail

TIL 28 - 모던 자바스크립트 Deep Dive 04

x를 출력해보면 어떤값이 출력될까?정답은.....10이 출력된다.x라는 변수를 선언해주지 않았는데도, 10을 출력할수 있는 이유를 보자.우선 자바스크립트엔진은 x변수를 찾아야 x에 값을 할당할 수 있기 때문에 x 변수가 선언된 위치를 찾기 시작한다. 하지만 함수내부는

2021년 8월 8일
·
0개의 댓글
post-thumbnail

[PROJECT] - RUSHOUR 1주 차

메인 캐로셀 메인 리스트 캐로셀메인 사이드 배너 캐로셀sliderArr는 몇개의 사진을 넘길 것인지에 대한 값이며 slideLeft,slideRight 에서 x축을 얼마만큼 넘겨줄 것인지 설정해주고메인 비주얼 이미지가 100% 씩 이동하며 더 이상 이동할 이미지가 없을

2021년 8월 8일
·
5개의 댓글
post-thumbnail

WECODE 한 달 회고록 🥲

웹디자이너로 3년동안 일하면서 어깨 넘어로 보았던 웹개발자라는 직종에 대해 관심이 생겼고 남의 주관으로 정해지는 정답이 아닌 내가 답을 찾아가는 점이 정말 마음에 들었다. 20대가 지나가기 전 커리어 전환에 도전을 해야겠다는 마음을 먹고 웹개발자에 대해 조사하기 시작

2021년 8월 1일
·
4개의 댓글
post-thumbnail

TIL 27 - 모던 자바스크립트 Deep Dive 03

모든 식별자(변수 이름, 함수 이름, 클래스 이름 등) 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정되는 것을 스코프라 한다.(즉, 스코프는 식별자가 유효한 범위를 말한다)자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙이라

2021년 8월 1일
·
0개의 댓글
post-thumbnail

TIL 26 - Git / Github

# 📖 git / github 🥲 첫번째 팀프로젝트의 실수를 딛고 git에 대해 중요성을 깨달았다. 팀원들과 으쌰으쌰하면서 git 공부를 더 많이 했고 다음엔 반복된 실수를 하지 않기 위해 늘 복기해야겠다는 생각했다. ### git init 우리가 원하는 경로에

2021년 7월 31일
·
1개의 댓글
post-thumbnail

TIL 25 - JavaScript Method

# 📖 Method 자바스크립트 로직에서 자주 사용하는 method에 대해 정리해보자❗️ ## ✍️ reduce() reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. <pre>arr.redu

2021년 7월 28일
·
0개의 댓글
post-thumbnail

TIL 24 - 모던 자바스크립트 Deep Dive 02

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다.👉 문자열 연결 연산자'My name is' + 'Lee' // 'My name is Lee'👉 할당 연산자color = 'red' // 'red'👉 비교

2021년 7월 25일
·
0개의 댓글
post-thumbnail

TIL 23 - 코드카타 01

👉 2개의 합이라 for문을 2개 사용해서 i for문과 i를 제외한 나머지 j for문을 더했을때 값이 target과 같다면 i와 j를 반환한다.👉 if문에서 i보다 j가 크고 i와 j는 값이 다르다는 조건을 사용하고 조건이 true이면i와 j를 반환한다.역시 사

2021년 7월 19일
·
1개의 댓글
post-thumbnail

TIL 22 - React 예제 200(1~5)

출저 : 초보자를 위한 리액트 200제 (React) 🙂 .jsx에 html 적용

2021년 7월 19일
·
0개의 댓글