강호연님의 블로그

[인프런 워밍업 스터디 클럽 1기_FE] 3주차 발자국

1. 강의 관련 지난주에 다 들음 2. 미션 관련 각 프로젝트별 상세는 각 게시물에서 확인바람. 미션 3 포켓몬 도감 앱 Github : https://github.com/KimPra2989/inflearn-warming-up-missions/tree/main/React/%EB%AF%B8%EC%85%98%203%20%ED%8F%AC%EC%BC%93%EB%A...

[인프런 워밍업 스터디 클럽 1기_FE] 리액트 4번 미션

과제 git Hub링크 readMe에 더 자세히 적어둠 스펙 React, Vite, ts Emotion JS 3미션 퀴즈 앱을 리액트로 마이그래이션했다. 견본 영상의 제목이 'Next로 만드는 퀴즈앱'이어서 next로 만들어야하나 고민을 했지만 next의 이점인, ssr이나, SEO, 이미지최적화 등 여러요소들이 굳이 필요하지 않다고 생각해서 react로 ...

[인프런 워밍업 스터디 클럽 1기_FE] 리액트 3번 미션

과제 git Hub링크 readMe에 더 자세히 적어둠 인게임 느낌의 포켓몬 도감으로 디자인 수정함 방향키로 위아래 가능 밑에서 15마리 정도 될 때 추가 데이터 페칭 (무한 스크롤) 차트로 스텟 상태 나타냄 상세페이지의 반짝이 버튼 누르면 사진이 이로치로 바뀜 (영상 안 찍었네;;) 데이터 한글화함 스펙 React, Vite, ts React-query ...

[인프런 워밍업 스터디 클럽 1기_FE] 2주차 발자국

1. 강의 관련 Class Component 태어날 때부터 스마트폰이 있던 알파세대처럼, 프론트 입문하던 시기부터 react 훅이 있던 나는 class 컴포넌트에 대해 배우지 않았었다. 실제로 쓸 일도 없어서 크게 불편함은 없었다. 다만, 기술의 변천사를 이해하는 것은 현직자로서 중요한 덕목 중 하나라고 생각하기에 이번 기회에 공부를 했다. 구조나 돌아가는...

[인프런 워밍업 스터디 클럽 1기_FE] 리액트 1번 미션

과제 git Hub링크 readMe에 더 자세히 적어둠 예산 계산기 미션이지만 기능면에서 똑같은 지출 내역으로 각색함. 기본 미션에 더해 결과를 지출 항목 별로 subTotal을 구할 수 있는 기능 을 추가함. 메인 화면 데이터 추가 후 시연 스펙 React, Vite, yarn, lib) React-toastify 프로젝트 목표 styled-compone...

[인프런 워밍업 스터디 클럽 1기_FE] 스터디 5조 Deboune and Throttle

Debouncing and Throttling 들어가며 웹 애플리케이션을 개발할 때, 이벤트을 처리하는 것은 중요한 과제 중 하나입니다. 특히, 사용자의 이벤트에 반응하여 적절한 작업을 수행하는 것은 좋은 사용자 경험을 제공하기 위해 필수적입니다. 이때 debounce와 throttle은 이벤트 효율적으로 핸들링하는 데에 큰 도움이 됩니다. 또한, 이벤트 ...

• 프론트엔드
• 워밍업클럽
• 스터디5조
• throttle
• debounce

[인프런 워밍업 스터디 클럽 1기_FE] 1주차 발자국

1. 강의 관련 새로 배운 내용 console 객체 console.log 외에 . table, . error, .warn, .time, .clear 등 다양한 메소드가 있다. 변수 선언 let const는 호이스팅 되도 초기화가 일어나지 않아서 TDZ에서 호출시 undefined가 아닌 에러가 뜸 객체 타입 콜 스텍에 값이 그대로 저장되는 원시타입과 달리,...

• 프론트엔드
• 워밍업클럽
• 발자국

발자국 작성 가이드 요약

필수 사항 강의 수강 관련 일주일 동안 학습했던 내용의 요약 간단한 회고 ex) 스스로 칭찬하고 싶은 점, 아쉬웠던 점, 보완하고 싶은 점 미션 관련 해결 과정 요약 ex) 해결 방식, 해결 과정, 그 방식을 선택한 사유 간단한 회고 형식과 분량 상관 없음 원문) https://doc.clickup.com/3686375/p/h/3gfz7-821496/a0e...

• 프론트엔드
• 워밍업클럽