프론트엔드 개발23 React 18 달라진 점, 업그레이드 검토 지난 3월 말에 리액트 블로그에 React 18을 런칭했다는 소식이 전해졌다. 코드를 최신 상태로 유지관리 하기 위해서는 라이브러리를 지속적으로 업데이트 해줘야 할 것이다. 런칭 이후 3개월 가량이 지난 시점이어서 어느정도 코드 안정화가 됐을 거란 판단 하에 React 17로 작성한 기존 프로젝트를 업그레이드 해보기로 했다. 컨커런트 렌더링 React 18로 버전업이 되면서 가장 핵심적인 키워드는 컨커런트(Concurrent) 렌더링이다. 리액트의 렌더링 메커니즘의 업데이트다. React 18에서 추가된 기능인 Suspense, transitions, streaming server rendering이 컨커런트 렌더링에 의존하고 있다. 컨커런트 렌더링은 리액트가 동시에 다양한 버전의 UI를 준비할 수 있음.. 2022. 6. 14. 스코프와 호이스팅, var/let/const 비교 스코프란 스코프란 현재의 실행 컨텍스트다. 스코프에 따라 변수에 접근할 수 있는지 여부(가시성)가 정해진다. (참고로 자바스크립트에서 객체와 함수는 모두 변수다.) 스코프는 하이어라키 구조로 되어 있어서 자식 스코프는 부모 스코프에 접근할 수 있지만 그 반대는 안된다. 자바스크립트에는 세 가지 타입의 스코프가 있다. 1. 블락 스코프 (Block scope) 2. 펑션 스코프 (Function scope) 3. 글로벌 스코프 (Global scope) 블락 스코프 블락 { }을 기준으로 하는 스코프다. (함수 블락, if문, for 반복문, while 반복문) ES6(2015) 이전에는 없었는데 ES6에서 let과 const 키워드 도입과 함께 블락 스코프가 생기게 되었다. var 키워드로 정의된 변수는.. 2022. 6. 12. 신입 프론트엔드 개발자 직무면접 후기 지난 1~2주간 프론트엔드 개발 직무(+인성)면접을 일곱 군데 봤어요. 저는 신입이고요. 면접을 보면서 느낀점과 받았던 질문들을 작성해보려고 해요. 처음에는 가고 싶은 곳 1 ~ 3개를 골라서 지원을 했어요. 그런데 첫 면접을 보고 나니 생각이 완전히 바뀌었어요. 면접은 정말 좋은 경험이다! 최대한 많이 보자!라는 생각에 가능한 많은 곳에 다시 지원했죠. 그래서 첫번째 주에 면접을 1개 봤는데 두번째 주에는 면접이 몰려서 6개를 봤어요. 면접 일정이 계속 있다보니 생각보다 체력 소모가 크더라고요. 그래서 며칠 기한을 주고 코딩테스트가 있던 회사들은 미처 응시를 못했어요. 저는 독학을 하다보니 웹개발도 혼자 배우고, 프로젝트도 혼자 하면서 다른 개발자들과의 만남에 늘 갈증이 있었는데요. 면접을 보면서 다른.. 2021. 3. 16. 프론트엔드 개발 알쓸신잡 팁모음 data-* HTML의 커스텀 데이터 속성이다. "data-"로 시작하는 속성은 user agent(브라우저)에서는 무시된다. 자바스크립트에서 참조하려면 .dataset을 사용한다. Hidden input 사용자에게 보이지 않는 input이다. form 태그 안에서 추가적인 정보를 submit해야 할 때 사용한다. 2021. 3. 8. 이전 1 2 3 4 5 6 다음