인간이 되고 싶은 원숭이

그만두면 그만이야 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 항해 99 5주차가 끝났다. 왜이렇게 React 과정은 시간이 빨리 가는 걸까? 정말 눈 깜짝 하는 사이에 시간이 바로 가버렸다 그리고 눈 깜짝 하니깐 머리에 들어 있던 것도 사라졌다 큰일이 나버렸다 어떡하지? ㅋㅋㅋㅋㅋ 지금 기준으로 React 심화반 수업 듣고 있는데 또 새로운게 나왔네 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아직 지금까지 배운것들도 머리에 안 들어왔는데 끝까지 한 번 머리에 꾸겨 넣어보자 어떻게든 되겠지 이번 주차 중요 키워드 🔥 라이프 사이클(class형 과 함수형), React hooks 컴포넌트에는 class형 컴포넌트와 함수형 컴포넌트가 있다 이 두 가지는 차이점이 있는데 [ 차이1: 선언방식 ]..

오늘 공부한것 요약 시작하기 앞서 자바스크립트는 싱글 쓰레드로 동작하는 언어다. (메인 쓰레드 하나와 콜스택 하나로 구성되어 있다) 그리고 비동기 작업을 동시에 할 수 있다. ( 비동기는 API 나 firebase 를 사용하는 것들 ) 1번에 1개의 작업만 할 수 있는데, 어떻게 동시 실행을 할까면 → 자바스크립트는 코어 엔진만 가지고 돌아가지 않는다 실행환경(런타임)의 도움을 받아 동시 실행을 한다 (WebAPI(dom, ajax, setTimeout...), Task Queue, Event Loop 등과 함께 동작함.) 콜백 콜백은 자바스크립트가 비동기 처리를 하기 위한 패턴 중 하나입니다! 전통적인 콜백 패턴은 일명 콜백 헬로 불리는 엄청난 중첩 문제가 생기기 쉽습니다. 1. 콜백 헬🔥 이란? 꼬리..

이제 항해99 을 한지 27일차가 되었다 ☹️ 정말 시간이 빠르게 흘러간 것 같다 항해를 시작하고 1~3일차만 했었을 때에는 어떻게 아침 일찍 일어나고 어떻게 하루종일 공부를 할 수 있지? 내가 끝까지 갈 수 있을까? 라고 생각을 했었는데... 벌써 27일이나 지났다 이러다 보면 금방 실전 프로젝트 하는게 아닐까? 그리고 항해를 하면서 자괴감의 연속이었다. 나는 분명히 전 주차에 들었던 내용을 아직 내것으로 만들지도 못 했고 이해도 잘 안 됐는데 바로 다음 주차로 이어지고... 그러면 다시 들어선 주차에는 과제를 하느라 또 급급하게 되고 또 이해를 못하고... 뫼비우스 띠 처럼 그냥 무한 반복중이다. 그리고 다른사람들 한테 대놓고 물어보진 않지만 뭔가 이 항해99 안에 있는 사람들은 같이 성장하고 있는것..

새롭게 들어선 리액트 3주차 심화 과정 아니 무슨 새로운게 너무 많어...이거 맞아? 그래도 다시 처음부터 시작한다는 마인드로 진짜 빡세게 해보자... 오늘 한 일 🔥 1. 리액트 심화 강의 1-1 ~ 1-10 까지 수강 2. 깃허브 페이지 자잘하지만 꾸미기 3. 오늘도 잊지 않은 후추 밥주기 🐶 1주차 강의 정리 내용 [ React 심화 1주차 정리 내용 ]

블로그에 TIL 안 쓴지 5일이나 지나버렸다 변명을 하자면 진짜 리액트라는 파도에 계속 휩쓸려서 쓸 시간 조차 없었다 너무 힘들다 하지만 꾸준히 해보자... 익숙하지 않아도 계속 하면 뭔가 되겠지 오늘 한 일 🔥 1. 리액트 숙련주차 과제 내기 2. 부족한 부분 다시 시도 해 보기 3. 오늘도 역시 후추 밥주기🐶

이번 주차에 배운 중요 키워드 [ DOM, 서버리스 ] 돔(DOM)이란? DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다. DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다. 문서 객체란 html, head, body와 같은 태그들을 javascript가 이용할 수 있는 (메모리에 보관할 수 있는) 객체를 의미한다. HTML의 DOM 트리 DOM은 HTML과 스크립팅 언어(Javascript)를 서로 이어주는 역할 ❓❔ 자바스크립트는 어떻게 HTML 태그들을 조종할 수 있는 걸까? - Document라는 전역 객체를 통해 접근 - window..

css에서 vh란 100vh 할떄 vh란 화면 비율이다 보고 있는 화면을 기준으로 얼마 줄꺼야? 라는 것 즉 100은 화면을 기준으로 100%를 준다는 것 .App { background-color: #eee; height: 100vh; } 하지만 이렇게 하게 되면 위에 부분이 남게 되는데 콘솔창을 열어서 보면 자체적으로 display 가 block 으로 되어 있기 때문이다 그래서 저것을 display : flex; 나 display : inline-flex; 로 해주면 꽈악 채워준다 참고로 50vw 할때 vw는 w=width다 즉 넓이다 그리고 margin 을 사용할 때 margin: '16px' 이렇게 주게 되면 상하좌우 전부다 margin 이 먹게 되는데 margin: '16px 0px' 이렇게 주..

오늘은 불타는 불토 🔥 남들은 불금이겠지만 항해99 하는 우리에게는 불토다 왜냐하면 주 6일 하고 유일하게 일요일만 쉴 수 있기 때문이지 ( 사실 일요일도 공식적으로 쉬는 날은 아님...ㅠ ) 오늘은 리액트 기초부터 쭉 봤다. 하지만 스스로 구현하는데 많이 막혔다 특히 props 를 가져다 component 를 만들고 자식이 그걸 가져다 쓰는 것에 대해서 애를 먹었다 그래서 계속계속 도전해봤다. 그러더니 뭔가 손에 익숙해지고 머리에 들어오는거 같다!! 쭉 코딩을 이어갔는데 다시 반복문에서 막혀버렸다... 우리가 지금까지 배워온 for 문이나 for in, for of(?) 를 사용하지않고 리액트에서 쓰이는 .map() 을 사용해보려고 노력을했다. 그런데 너무 어려운건 뭐지 행해 99 에서 숙제를 내준것에..