개발/프론트엔드 스터디 (2) 썸네일형 리스트형 Context API 이번 글은 전적으로 velopert 님의 블로그 글을 참고했습니다! 해당 블로그 글을 보고 공부하며 메모한 부분과 약간의 생각을 첨부했습니다. 참고 링크는 글 하단에 명시했습니다. Context는 리액트 컴포넌트 간에 어떠한 값을 공유할 수 있게 해주는 기능이다. 주로 전역적인(global) 값을 다룰 때 사용하지만 꼭 전역적일 필요는 없다. Props가 아닌 또 다른 방식으로 컴포넌트 간에 값을 전달하는 방법인 것이다. Props로만 값을 전달하면 컴포넌트들 간의 depth가 깊어질 수록 Props Drilling이 심해진다. props를 전달하는 과정에서 실수할 수도 있고, 부모-자식 간이 아닌 형제 컴포넌트 간에는 값의 공유가 어려워진다. Context를 사용하면 이런 어려움들을 해결할 수 있다. .. DocumentFragment와 Dollar sign($) 변수명 프로젝트 시작 전, 공부했던 자바스크립트를 다듬을 요량으로 우아한 테크코스 프리코스 과제를 수행해보고, 다른 사람들의 코드도 보고 있다. 보통 우테코 과제는 1, 2차는 숫자야구, 자동차 경주이고 3차가 바뀐다고 한다. 3차 과제가 무엇이었는지 확인하기 위해 검색하던 중 지난 4기 우테코에 프론트엔드로 지원하고 합격한 사람의 블로그를 발견했다. compy (Ryu Hyun Seung) - velog velog.io 개발을 오래해보신 분 같고, 프리코스 과제를 수행하며 겪은 과정을 상세히 적어있기에 정독하며 공부했다. 저분의 코드를 보며 모듈 혹은 특정 코드를 이런 식으로도 짤 수 있구나! 라는 깨달음을 얻었다. 두 가지 정도로 요약할 수 있다. 1. DocumentFragment 먼저 document.c.. 이전 1 다음
