서론 최근들어 프론트엔드 개발에서의 테스트 방법을 생각해봤습다. 고민들에는 프론트엔드 테스트코드 실질적 효과와 효율성과 어떤 코드들을 테스트해야 하는지에 대해서 의문을 제기해왔습니다. 그러던 도중 이글을 만나게 되었습니다. 이 글은 Nick Gard의 "React Snapshot Testing: The Bad Parts"를 번역한 글입니다. (Nick ...
정적인 html, 싱글 페이지 어플리케이션(spa)는 아마존 웹 서비스(AWS)의 S3라는 파일서버에 올려서, 간단하게 호스팅 할 수 있습니다. 오늘은 serverless 프레임워크를 이용해서 AWS S3에 정적 호스팅을 간단하게 하는 방법을 알아보겠습니다. 1. npm 프로젝트 생성 node.js 환경에서 동작할거기 때문에 npm 프로젝트를 생...
IT의 시작 나는 웹퍼블리셔로 웹에이전시에서 3년째 근무하고 있다. 처음에 이 일을 시작하게된 이유는 전역 후 옷가게에서 일을 하다 남들처럼 빨간날에 쉬고싶다는 이유 하나만으로 직업을 찾기 시작했다. 그러다 국비 지원 학원을 알게되고 웹개발자라는 직업을 처음 알게 되었다. 개발자라는 직업을 알고난 후, 이 직업이 적성에 맞을까라는 고민도 했다. 고민을 ...
1. React? - react.png React는 자바스크립트 라이브러리로 오직 View만 신경쓰는 라이브러리 입니다. React는 DOM을 복사해서 Virtual DOM을 만들고 변화가 생겼을 때 페이지 전체를 렌더링 하지않고, 변화한 부분만 실제 DOM에 적용하는 방식을 사용합니다. 2. 개발 환경 - 1) Node.js / npm B...
React를 하면서 만나는 여러 이슈와 라이브러리를 소개합니다.
React Portals을 소개하고 작성하는 방법을 알아봅니다.
React Portals를 활용하는 개인적인 방법을 소개합니다.
React Context를 조금 더 편하게 사용할 수 있는 useContext를 알아봅니다.
Reacct Context를 소개하고 작성하는 방법을 알아봅니다.
React Hooks의 고급 API 중 일부인 useReducer를 알아봅니다.
퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.
Ref와 React Hooks의 기본 API 중 하나인 useRef를 알아봅니다.
React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.
useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.
상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.
React에서 동적으로 값을 전달하는 방법인 Props 개념을 알아봅니다.
React에서의 Function 컴포넌트를 작성하는 방법을 알아봅니다.