들어가며 '안녕하세요. 저는 프론트엔드 개발자를 꿈꾸고 있으며, 현재 4학년 2학기에 재학 중인 25살 대학생입니다.' > 현재는 2022년 1월 이젤(eazel)이라는 '아트 테크' 도메인을 가지고 있는 스타트업에서 fr..
제너레이터와 async/await 왜 배워야 하는지 ? 사실 async await가 제너레이터에서 비롯되었다는 것 조차 몰랐다. 기존 한 장 요약 (프로미스) 에서도 말했지만, async await에 대해 조금 더 아는 이유는 단지 Pr..
프로미스 왜 배워야 할까? new Promise ? *new는 뭐고 Promise는 뭐야 ... return은 또 왜 붙여... * ... async/await(?) 이거 쉽네..! 이걸로 그냥 써야지 필자는 이런식으로 비동기 프로그래밍에 대한 이해를..
리팩터링이란 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법이다 - 리팩터링 2판, 마틴 파울러 수많은 리팩터링 방법 중 하나인 Guard Clause에 대..
우리는 사용자에게 선택지를 제공할 때 또는 등을 사용한다. radio의 경우 여러 개의 선택지 중 한 가지를 선택해야 할 때 주로 사용하고, checkbox의 경우 여러 개의 선택지 중 중복 선택이 가능할 때 주로 사용..
무엇을 만들었는가? 이번에 만들게 된 기능은 단순히 어드민 페이지에 들어가는 조그마한 기능이 아닌, 유저를 대상으로 하는 웹 페이지에 탑재될 서비스였다. 아직까지는 실제 웹 페이지에 탑재 이전이기 때문에..
REST API 배워야 하는 이유를 찾자면? '저는 REST API를 바탕으로 백엔드 서버와 ... 어쩌구' 위와 같은 말들을 나의 자기 소개서에 많이 적어냈다. 대충 무슨 느낌인지는 알 것 같았다. HTTP 요청을 보낼 때, 백..
스타일드 컴포넌트 조건부 렌더링 활용하기 프론트엔드 개발 환경에서 CSS-in-JS 를 사용하는 가장 큰 이점 중에 하나는 property를 css 에도 적용할 수 있다는 것일 것이다. 리액트에서 className 을 통해 조건..
들어가며 실무를 하면서 느끼는 취준생 때와의 가장 큰 차이점은, 실제 서비스를 제공하는 입장에서 다양한 환경과 브라우저, 기기에 대응하는 크로스 브라우징이 필요하다는 것이다. 이전에 개인 프로젝트, 팀..
타입스크립트 설정하기 현재 우리 리액트 버전에 맞춘 17로 타입스크립트 설치를 가정하겠습니다. 프로젝트 내의 현재 버전에 맞춰 진행해주세요. 1. 타입스크립트 전역 설치 $ yarn global add typescript / npm..
목차 마이그레이션 이유 기본 패키지 구조 패키지 제거하기 패키지 설치하기 index.js 코드 변경하기 결과 레퍼런스 마이그레이션 이유 CRA(Create React App)로 패키지를 초기화하는 경우, 가장 최신 버전인 18..
안녕하세요, FE 개발자 이준희입니다. 기존에 velog, 깃허브 레포지토리를 통해서 경험한 내용을 정리해봤는데 레포지토리에 한정되거나 한 번에 모아 보는 부분에 있어서 노션만큼 편하지는 않다고 생각해서 개..