'네가 원하던 일이 뭐야?'처음 개발을 배워보고 싶다라는 생각이 들었던 계기는 단순히 '와 멋있다'란 생각 때문이었다.직장의 잦은 회식에 젖어 살던 나는 건강을 목적으로 러닝동호회를 가입해 한강러닝을 시작하였다.러닝동호회에서 다양한 직업을 가진 사람들을 만났고 그 중엔

2차 프로젝트가 끝이 직 후 한달간의 기업협업이 예정되어 있었으나 설날 연휴로 인해 한 주 여유를 가지고 시작할 수 있었다.1순위로 지원한 기업 중 한 곳으로 가게 되었고, 기업으로 협업으로 나가는 만큼 적절한 긴장감을 가지고 임했다.프론트 3명 백엔드 1명으로 구성된

1,2차 프로젝트에는 기능구현에 우선을 두어 익숙한 react class형 컴포넌트와 sass를 적용해 작업하였지만 기업협업 프로젝트부터 web develop trend를 따라 가보자 한다.우선적으로 react hooks와 react context apis를 학습해 깔

1차 프로젝트를 마친 후 곧바로 2차 프로젝트가 시작되었다.새로운 인원이 배치되었고 이번 프로젝트에선 투표를 통해 PM을 맡게 되었다.Team Project에 있어 가장 중요한 것은 팀워크, 팀워크는 활기차고 긍정적인 분위기속에 나올 수 있다고 생각했기에 무엇보다 좋은

나는 최근 소소한 기쁨에 빠져 살고 있다.1년전의 '나' 였으면 콧방귀를 뀌었을 배움의 기쁨이다.물론 처음부터 기쁨이 느껴지진 않았다.뭐든지 직접 겪어봐야하고 움직이는 것을 좋아하던 지난날의 '나'는 책상앞에 엉덩이를 붙이고 앉아있는 시간을 늘려보고자 많은 노력을 해야

리액트 라이브러리를 학습 후 첫 협업 프로젝트가 진행되었다.아직 리액트의 구조를 제대로 파악하지 못한 채 프로젝트에 임한다는 것은 나에게는 아주 큰 용기가 필요했다.닥치면 못할게 무엇이 있겠는가 하고 한걸음 내딛으며 다음과 같은 세가지를 다짐하였다.가능한 내손으로 직접

개발자란 길을 택하고 걷기 시작한지 약 한달 반이 지났다.정신없이 시간이 흘렀고 그 길의 초입부분에서 나의 이야기를 시작해보고자 한다.나의 이야기를 기록하는것에는 두가지의 목적이 있다. 개발자의 문화에 익숙해지고 능숙해지는 것 훗날 내가 혼란에 빠지거나 이 길에 의구심

constructorrendercomponentDidMountfetch완료rendersetStatecomponentDidUpdate(setState 되어서 업데이트 발생)componentWillUnmount자식 컴포넌트가 복수일경우자식1render 자식1componen

Git 의 명령어 종류에 대해 알아보자 모든 설정 확인 git config --list 모든 파일 확인 git config --global -e vs코드 열기 (vscode 설정해야됨) code . vs코드 열고 터미널이 vs코드가 닫힐때 까지 변경불가 conf

Operatorconsole.log(\`string literals: ''''1 + 2 = ${1 + 2}\`);\-> ${}안에 있는것만 연산 그 외 띄어쓰기와 줄바꿈도 표현된다 \\을 앞에 붙이면 \` 백틱도 나오게 할 수 있다. console.log("ho

let (added in ES6)Block scope{}변수는 Block scope 안에서 선언하되 Global scope은 Block 밖에서 선언한다블록안에서 선언한 변수는 블록밖에서 보이지 않는다Global scope은 촤소한으로 쓰자var // dont ever

Command Paletteshift + cmd + p실행가능한 모든 명령어를 보여줌Quick Opencmd + p 해당하는 파일을 빠르게 검색하고 이동Settingcmd + , 기본 설정Toggle Sidebarcmd + B익스플로러창 열고 닫기Toggle Termi

이전에는 float이나 table로 공간을 나누어 배치 했지만 현재는 flex를 사용한다.flex box의 기본구성에는 container와 item이 있다 단수 혹은 복수의 item을 container 박스로 둘러 쌓고 있는 개념이다.flex box에는 중심축(main

웹이 작동되어지는 과정에 대해 알아보자브라우저는 서버로 요청을 보내고 서버로부터 응답을 받는다.각 사이트 마다 서버를 담당하는 컴퓨터가 있고 대부분의 중소기업은 자체적으로 웹 서버를 구축하는 것보단 금액절감을 위해 웹호스팅 서비스를 이용한다.Hosting(호스팅, We

2004년 John Gruber과 Aaron Swartz에 의해 개발된 plain-text(암호화하지 않은 데이터) 포맷을 기본으로 한 경량형 마크업 언어.md 확장자 파일로 텍스트 에디터에서도 쉽게 포맷하며 문서 작성이 가능하다.github readme.md파일 이나

display속성이 inline으로 지정된 요소는 한줄에 다른 엘리먼트들과 나란히 배치된다ex) <span>, <a>, <em>content의 크기만큼만 공간을 차지 하기 때문에 width와 height속성을 지정해도 무시된다.margin과 paddin

요소의 위치 지정 방법의 유형(기준)을 설정static : 유형(기준) 없음 '기본값relative : 요소 자신을 기준으로 배치absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 뷰포트를 기준으로 배치sticky : 스크롤 영역 기준으로 배치위치 상

요소를 좌우 방향으로 띄움(수평 정렬)none : 기본값left : 왼쪽으로 띄움right : 오른쪽으로 띄움각 요소에 float 속성이 적용되면 차례로 정렬 된다float 속성이 적용된 요소의 주위로 다른 요소들이 흐르게 되는데 이를 방지하기 위해 속성을 해제 함형제

\-문서의 의미에 맞게, 컴퓨터가 이해할 수 있는 웹을 말한다. 사람이 읽고 해석하기에 편리하게 설계하는 것이 아닌 컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현한 웹이다. 웹의 창시자인 팀버너스리가 1998년 제안, 현재는 W3C에 의해 표준화 작업이 진행