FE-kit JavaScript (6) 썸네일형 리스트형 [FE 스터디] 리뷰 https://programmers.co.kr/learn/courses/12442 [취업스터디/4기] FE 취업 생존 키트 : 채용 과제를 풀어보며 JS 역량 기르기 🚀 아쉽지만 4기는 마감되었어요. 하반기 시작 예정인 5기 오픈 알림을 신청하고, 최저가에 수강하세요! 최저가 알림 받기 FE 취업 생존키트 :채용 과제를 풀어보며 JS 역량 기르기 매주 채용 과 programmers.co.kr 참여 후기 처음으로 스터디를 참여해보았고 프로그래밍에 관심이 있는 사람들과 모여서 정보를 공유하고 공부를 진행하며 누군가에게 코드리뷰를 받았습니다. 솔직히 실력적으로 완전히 준비된 상태에서 신청하진 않았고 맘이 더 앞서서 신청하다보니 살짝 어렵게도 느껴졌었지만, 오히려 그럼으로 인해 더 성장하게되는 계기가 된것 같았.. [FE 스터디] Week #3 지난 세션 복습 Semantic HTML : 의미론적으로 HTML을 작성하기 브라우저 이벤트 기초 : 브라우저에서 이벤트는 특정 액션이 일어났다는 것을 의미 - 이벤트 등록하는 방법 , 이벤트 객체 , 이벤트 흐름 등등 확인. Infinite Scroll Pagination : IntersectionObserver API 자주 사용 브라우저 fetch 기초 : HTTP Method 종류 (For REST API, CRUD) Lesson 3 . 목차 JS에서 error 처리 Js 비동기 처리 API Request 취소 CORS와 Simple Request 브라우저에 데이터 저장 JS에서 error 처리 - try,catch,finally try : 항상 실행 catch : throw 실행 or Promis.. [FE 스터디] Mission 3 코드 리뷰 ❗ 변경 전 //main.js isRoot: false, node: [], depth: [], selectedFile: [], 🏆피드백 내용 selectedFile이 결국 사용되는 것은 array가 아닌데 초기 값이 array로 설정되어 있어서 어색한 것 같다. 💻변경 후 //main.js isRoot: false, node: [], depth: [], selectedFile, ❗ 변경 전 //src/Components/App.js //... if (prevNodeId === null) { //루트 노드로 돌아온 경우 this.loading.setState({ isLoading: true }); const rootNode = await fetchAPI.fetchRoot(); this.loading.set.. [FE 스터디] Week #2 지난 세션 복습 선언형 프로그래밍 : What to do에 집중 , 무엇을 할 것인가. 반응형 웹 : 다양한 디바이스에 맞춰 웹사이트의 크기를 자동으로 조절되도록 만든 것. -media query : window width에 따라서 -container query : container width에 따라서 (아직은 사용할 준비는 안됨) 다크모드 : 토글을 이용해서 웹 사이트 컬러를 다르게 나타나도록 함 -DOM property 활용 (ex. body dataset 태그) -두가지 stylesheet 활용 Lesson 2 . 목차 Semantic HTML 브라우저 이벤트 기초 Infinite Scroll Pagination 브라우저 fetch 기초 Semantic HTML 의미론적으로 HTML을 작성하기 se.. [FE 스터디] mission 1 코드 리뷰 첫 주 과제에 대한 코드 리뷰를 받았다. 코드 리뷰에 대한 모든 내용을 이해하고 수정하진 못했지만 수정을 완료한 내용은 다음과 같다. 완료한 부분에 대한 내용은 주로 코드를 좀 더 짧고 효율적이게 짜는 피드백이다. ❗ 변경 전 //exercise/4th/김형석/js/src/App.js addTodo(text) { const { todoObj } = this.state; const index = Math.max(0, ...todoObj.map((v) => v.index)) + 1; const isDone = false; const time = new Date().toLocaleString(); this.setState({ todoObj: [...todoObj, { index, text, isDone, ti.. [FE 스터디] Week #1 프로그래머스에서 주관하는 FE 취업 생존 키트 스터디를 신청했다 매주 토요일마다 줌을 통해서 대면 수업을 하고 총 4주동안 진행하는 스터디이다 내가 신청한 기수는 [ 4기 ] 이며 이전 기수분이 작성하신 후기를 보고 더 맘에 들었고 더 얻어가는게 많아야겠다고 생각했다 https://programmers.co.kr/learn/courses/12442 [취업스터디/4기] FE 취업 생존 키트 : 채용 과제를 풀어보며 JS 역량 기르기 🚀 아쉽지만 4기는 마감되었어요. 하반기 시작 예정인 5기 오픈 알림을 신청하고, 최저가에 수강하세요! 최저가 알림 받기 FE 취업 생존키트 :채용 과제를 풀어보며 JS 역량 기르기 매주 채용 과 programmers.co.kr 첫 주에 관한 내용은 크게 선언형 프로그래밍 , .. 이전 1 다음
