Frontend/엘리스 SW 엔지니어 트랙87 [ 엘리스 SW 엔지니어 트랙 ] 46일차 (10주차: React I - JSX, props, state, event) 📍 46일 차 12.28. 화. 실시간 강의 React 저번 주까지는 프로젝트를 진행했고 오늘부터 다시 수업에 들어간다. 챕터를 넘어가 이제는 바닐라 자바스크립트 대신 React를 배운다. 일일이 document.createElement 코드를 작성하며 DOM 관리를 했는데 이제는 신경을 덜 써도 되는 React를 배운다니 뭔가 홀가분(?)하면서도 document코드가 그리워지는 느낌이 든다. 어제 프로젝트를 진행하면서 앞으로 배우고 싶은 내용은 ESlint, prettier, webpack과 babel을 정확하게 공부해야겠다는 생각이 들었다. 4주 뒤에 있을 두 번째 팀 프로젝트 때 나의 목표는 CRA을 사용하지 않고 직접 ESlint, prettier, webpack, babel 설정을 나의 코드로 .. 2021. 12. 28. [ 엘리스 SW 엔지니어 트랙 ] 45일차 TLDR 📍 45일차 12.25.토. 프로젝트 10일차 TL;DR input태그의 file값을 동적으로 조작하고 싶으면 dataTransfer 객체에 임시로 옮겨 담자 const tempTransfer = new DataTransfer(); tempTransfer.items.add(validFileData); const targetInput = document.querySelector(`#empty-input__${id}`); targetInput.files = tempTransfer.files; JWT 토큰 사용시 OAuth 로그인 후 배포 사이트로 redirect 하지 않고 local에서 테스트해보려면 userProfile, userId, token 값을 local browser에 localStorage에 s.. 2021. 12. 26. [ 엘리스 SW 엔지니어 트랙 ] 44일차 TLDR 📍 44일 차 12.24. 금. 프로젝트 9일 차 TL;DR 오늘은 크리스마스 이브다. 어제와 동일하게 열심히 프로젝트를 진행 중인데, python이 만들어진 배경이 갑자기 생각났다. (궁금한 분들은 나무위키 참조) 나중에 심심해서 토이 프로젝트를 만들다가 걸작을 만들 날이 올까? 거두절미하고 오늘의 TL;RD을 살펴보자. keyup: 키가 놓을 때 이벤트가 발생한다. keydown: 키가 눌렸을 때 이벤트가 발생한다. formData자체로는 console.log를 사용하지 못하게 브라우저 정책으로 막혀있고, 대신 for-of formData.entries(), for-of formData.keys(), for-of formData.values()로 하나씩 볼 수 있다. formData.addEventL.. 2021. 12. 24. [ 엘리스 SW 엔지니어 트랙 ] 43일차 TLDR 📍 43일 차 12.23. 목. 프로젝트 8일 차 TLDR eslint가 적용되지 않을 때 VScode의 버전을 살펴보자. VScode의 버전이 낮으면 eslint를 아무리 설정해도 적용되지 않는다. 현재 버전 1.63.2, 이전 버전 1.52.2 component와 util 폴더의 차이는 쉽게 생각해서 HTML 코드를 리턴하는지 하지 않는지의 여부를 보면 된다. HTML코드를 리턴하면 컴포넌트, 리턴하지 않으면 해당 기능을 모든 폴더에서 사용할 수 있는 util폴더에 저장하자. 사이트 배포 형태: SSG(정적페이지를 빌드한 후 산출물을 CDN에 배포하고 필요할 때마다 CDN으로부터 전달받은 정적 페이지를 유저에게 빠르게 제공한다. JAM stack(Javascript, API, Markup stack).. 2021. 12. 23. [ 엘리스 SW 엔지니어 트랙 ] 42일차 TLDR 📍 42일 차 12.22. 수. 프로젝트 7일 차 TLDR git commit에서 다음에 구현해야 할 사항이 있다면 다음과 같이 작성하기 TODO: fetch가 정상적으로 수행되지 않았을 때 예외 처리하는 함수 만들기 함수 인자로 객체로 둘러싸여 있을 경우 function createInstance({baseUrl}){} // 인자에 URL 바로 넣기 createInstance({baseUrl: "www.naver.com"}); // URL 변수로 따로 저장하기 const URL = "www.naver.com"; createInstance({baseUrl: URL}); try - catch 문에서 error의 메세지만 출력할 때는 error.message를 사용하자 MIME type: 클라이언트에게 전송.. 2021. 12. 22. 이전 1 ··· 6 7 8 9 10 11 12 ··· 18 다음
