junheedot의 등록된 링크

 junheedot로 등록된 티스토리 포스트 수는 12건입니다.

취직 회고 [내부링크]

들어가며 '안녕하세요. 저는 프론트엔드 개발자를 꿈꾸고 있으며, 현재 4학년 2학기에 재학 중인 25살 대학생입니다.' > 현재는 2022년 1월 이젤(eazel)이라는 '아트 테크' 도메인을 가지고 있는 스타트업에서 fr..

모던 자바스크립트 Deep Dive - 제너레이터와 async - await [내부링크]

제너레이터와 async/await 왜 배워야 하는지 ? 사실 async await가 제너레이터에서 비롯되었다는 것 조차 몰랐다. 기존 한 장 요약 (프로미스) 에서도 말했지만, async await에 대해 조금 더 아는 이유는 단지 Pr..

모던 자바스크립트 Deep Dive - 프로미스(Promise) [내부링크]

프로미스 왜 배워야 할까? new Promise ? *new는 뭐고 Promise는 뭐야 ... return은 또 왜 붙여... * ... async/await(?) 이거 쉽네..! 이걸로 그냥 써야지 필자는 이런식으로 비동기 프로그래밍에 대한 이해를..

리팩터링 - Guard Clause를 사용하여 코드 가독성 높히기 [내부링크]

리팩터링이란 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법이다 - 리팩터링 2판, 마틴 파울러 수많은 리팩터링 방법 중 하나인 Guard Clause에 대..

리액트에서 다수의 체크 박스 다루기 [내부링크]

우리는 사용자에게 선택지를 제공할 때 또는 등을 사용한다. radio의 경우 여러 개의 선택지 중 한 가지를 선택해야 할 때 주로 사용하고, checkbox의 경우 여러 개의 선택지 중 중복 선택이 가능할 때 주로 사용..

프로토타입 발표 (1차) 회고 [내부링크]

무엇을 만들었는가? 이번에 만들게 된 기능은 단순히 어드민 페이지에 들어가는 조그마한 기능이 아닌, 유저를 대상으로 하는 웹 페이지에 탑재될 서비스였다. 아직까지는 실제 웹 페이지에 탑재 이전이기 때문에..

모던 자바스크립트 Deep Dive - REST API [내부링크]

REST API 배워야 하는 이유를 찾자면? '저는 REST API를 바탕으로 백엔드 서버와 ... 어쩌구' 위와 같은 말들을 나의 자기 소개서에 많이 적어냈다. 대충 무슨 느낌인지는 알 것 같았다. HTTP 요청을 보낼 때, 백..

스타일드 컴포넌트 조건부 렌더링 활용하기 [내부링크]

스타일드 컴포넌트 조건부 렌더링 활용하기 프론트엔드 개발 환경에서 CSS-in-JS 를 사용하는 가장 큰 이점 중에 하나는 property를 css 에도 적용할 수 있다는 것일 것이다. 리액트에서 className 을 통해 조건..

모바일 기기를 체크하여 크로스 브라우징 지원하기 (navigator.userAgent 사용하기) [내부링크]

들어가며 실무를 하면서 느끼는 취준생 때와의 가장 큰 차이점은, 실제 서비스를 제공하는 입장에서 다양한 환경과 브라우저, 기기에 대응하는 크로스 브라우징이 필요하다는 것이다. 이전에 개인 프로젝트, 팀..

자바스크립트 프로젝트에 타입스크립트 도입하기 [내부링크]

타입스크립트 설정하기 현재 우리 리액트 버전에 맞춘 17로 타입스크립트 설치를 가정하겠습니다. 프로젝트 내의 현재 버전에 맞춰 진행해주세요. 1. 타입스크립트 전역 설치 $ yarn global add typescript / npm..

리액트 18 > 17 마이그레이션하기 [내부링크]

목차 마이그레이션 이유 기본 패키지 구조 패키지 제거하기 패키지 설치하기 index.js 코드 변경하기 결과 레퍼런스 마이그레이션 이유 CRA(Create React App)로 패키지를 초기화하는 경우, 가장 최신 버전인 18..

안녕하세요! FE 개발자 이준희입니다. [내부링크]

안녕하세요, FE 개발자 이준희입니다. 기존에 velog, 깃허브 레포지토리를 통해서 경험한 내용을 정리해봤는데 레포지토리에 한정되거나 한 번에 모아 보는 부분에 있어서 노션만큼 편하지는 않다고 생각해서 개..