MOLLY

휴.. Router 초반에 등장시켜서 거의 하루라는 시간을 날렸기에 오늘까지 줄곧 밤새워가며 코드를 작성했다. 그래도 이렇게까지 한 보람이 좀 있는 게, 일단 거의 다 완성이 돼간다. Props Drilling이 거의 끝나가서 고지가 보인다. 하지만 오늘 자정까지는 해야 끝날 것 같다. 휴 멈추지 말고 계속 가 1. 삭제 기능 구현 2. Navigate로 Main 페이지 이동 3. 금일 소감 1. 삭제 기능 구현 뭘 하고 싶은지만 알아볼 수 있는 코드를 짰다. 자바스크립트의 confirm과는 형태가 좀 다르게 사용해야 하길래 '어떻게 하지' 하며 삽질 좀 하다가 튜터님께 찾아갔다. 이번에도 아주 자세하게 알려주셨다. 오늘도 잠을 거의 못자서 바로바로 뇌에 입력되진 않았지만 로직은 이해가 갔다..

영차영차 과제를 해나가는 중이다. 최대한 깨있는 상태를 유지하려고 하는데, 계속 밤새우고 조금 자니 오늘은 집중도 안 되고 뇌에도 정보가 잘 입력이 안 되는 느낌이 들어 밤에 조금 자고 지금 글 적는 중이다. 가능한 이번 주말에는 좀 자야겠다,, 1. Error 직면과 문제해결 2. 튜터님께서 알려주신 useState와 useEffect 3. 금일 소감 1. Error 직면과 문제해결 어제까지 해서 Fake API 더미 데이터를 연결하고 map 함수로 돌려서 반환하는 것까지 완료했다. 그리고 각 멤버별로 어떤 카드가 있는지 Filter를 통해 걸러서 보여주는 기능도 완료하였다. 그런데 input에 내용을 넣으면 그게 출력되어야 하는데 이 부분에서 막혀버렸다. 이제 과제 중반 부분인데 하나하나..

꺾이면 안 돼... 오늘 정말 여러 번 꺾일 뻔한 날이다. 해야 할 요구사항이 많아서 요구사항 하나를 정확히 이해하지 못한 상태로 일단 코드를 작성해버려서 더 이상한 곳으로 가버렸다. 코드 짜고 할 게 많아서 오늘 포스팅은 짧을 것 같다. 1. 개인과제 문제 및 해결 2. 방향 재설정 3. 금일 소감 1. 개인과제 문제 및 해결 오늘 정말 한 게 뭔가 싶은 느낌.. ㅠ 부끄럽다. 그래도 써야지. 아무튼 상세 페이지로 연결 작업하려고 에스파 멤버 4명 각각의 상세 페이지를 JSX 파일 만들고 Router로 연결하고 있었다. 그러다가 위 사진처럼 아무것도 안 나오고 에러만 뜨길래 어떻게 해결해야 할지 모르겠어서 튜터님께 갔다. 에러뿐 아니라 하고 있던 코딩이 어렵게 느껴지고 맞게 하고 있는 게 ..

개인과제를 시작했다. 자꾸 과제만 하려 치면 부담감부터 느껴지는 나.. 아 ㅋㅋ 시작이 젤 어려운 거라고 ㅋㅋ... ㅋ... 그래서 바로 시작. 오늘은 Router 개념이 제대로 안 잡힌 나를 위해 Router 개념 특식을 준비했다. 아 ㅋㅋ 진수성찬 아니겠냐고 농담 그만하고 목차 적자면 다음과 같다. 아 그리고 Router 내용에 평소에 궁금했던 404 error 내용이 나오길래 이에 대해서 좀 더 알아보고 작성해보았다. 1. 개인과제 막혔던 부분들 (1) React 절대경로 안 됨 (2) 배경사진 안 들어감 2. Router (라우터) (1) 그건 알겠는데, React-Router는 '왜 사용'하는 걸까? (2) Router 종류 (3) 404(페이지를 찾을 수 없음) 오류 (4) Rea..

아 분명 배웠는데 다시 보는 듯한 이 새로운 짜릿함... 이제 그만 느껴도 좋을 텐데.. 오늘은 헷갈린다기보단 내가 설명할 수 없겠는 개념과 기능 위주로 작성해보았다. 리마인드 + 개념을 정확히 아는 데에 도움이 되리라 생각한다. 1. React와 선언형 라이브러리? 2. 모르는 Hook 정리 (1) useHistory (2) useNavigate (3) useParams 3. 모르는 개념 정리 (1) 프레임워크와 라이브러리의 차이 (2) Batch | [자료구조] Stack, Queue 차이 4. 금일 소감 1. React와 선언형 라이브러리? 선언형 프로그래밍 = 추상적인 코드 [React rendering 특징] 실제 화면을 업데이트하는 게 아닌, 업데이트를 위한 과정이다. React는..

1. 선언형 프로그래밍: "보여주고 싶은 '결과'에만 집중하라" 2. [선언형 UI 라이브러리, React!] 선언형 코드 작성법과 장단점 3. 모르는 개념과 메서드 용도 정리 4. 금일 소감 1. 선언형 프로그래밍: "보여주고 싶은 '결과'에만 집중하라" 요즘 실력 있는 개발자의 역량 중 하나는 '코드를 얼마나 이해하기 쉽게 만드는가' 1) 선언형 프로그래밍 : 원하는 '결과'를 묘사하는 방식으로 코드를 작성하는 프로그래밍 패러다임 '데이터를 어떻게 조작해야 하는지'가 아니라 '원하는 데이터가 무엇인지'에 집중 ⇒ 전체적인 가독성과 추상화 수준을 높여 개발자가 문제의 본질에 집중할 수 있도록 도와줌! 재사용성이 높고 병렬 처리에서 유리함 2) 명령형 프로그래밍 : 코드가 '어떻게' 동작해야..

코드 리뷰 받은 내용과 이번 주에 공부하며 언급된 내용 중에 모르는 개념을 정리해보자. 일단 모르는 개념이 정말 많아서 얼마나 걸릴지 모르지만... 시작해보자 1. 코드 리뷰 (보완사항) 2. 모르는 개념 정리 1) Cookie, Cache, Session, Token, CDN 2) 일급객체 (first-class object) 3) architecture (아키텍처) 4) hoisting 5) polyfill 6) [메모리 구조] Heap, Stack의 차이 3. 금일 소감 1. 코드 리뷰 (보완사항) 1) 컴포넌트명: 직관적 & 용도에 따라 명확하게 작명 const Button = ({ clickAddButtonHandler }) => { return : Button 컴포넌트는 이름부터가..

챌린지 반 세션이 끝나고 할 일 하다가 이제서야 쓰는 TIL이다.. 일단 조금 피곤한 관계로 눈이 반쯤 풀려있는 상태다. 상태?.. 하루 종일 코딩 공부를 하다 보니 '상태'처럼 배운 내용 관련 단어나 표현만 보이면 바로 코딩 용어가 떠올라버린다. 방금도 '상태'라고 하면서 '헉.. state..?' 이러고 있는 나를 발견할 수 있었다. 아무튼,,, 오늘은 뭘 배웠는지 써보자. 공부하며 내가 생각하기에 기억해야 할 내용과 중요한 부분만 작성하며 정리해보려고 한다. 노답 삼형제는 특히, 좀 더 쉽게 접근하고 이해하기 위해 나만의 언어로 표현하며 작성해 보았다. 1. [React 숙련] 핵심 정리 1) React.memo 2) Virtual DOM 2. 이해하기 난해한 노답 삼형제 1) Exec..

오늘부로 React 숙련 주차가 시작되었다. 배속 없이 들으면 약 6시간 소요되는 강의지만 이해하며 듣고자 하면 2배속으로 들어도 12~15시간 정도 꼬박 걸리는 듯하다. 오늘은 절반 정도 들었다. 일단 지금까지 들은 내용 정리 및 가볍게 복습해두고 오늘 남은 시간에 다음 강의를 들을 생각이다. 1. 튜터님께 드린 질문 및 답변 1) 의존성 배열과 useEffect 2) 비동기 처리와 setState 2. React 숙련 핵심 요약 1) styled-component 2) useState 3) useEffect & 의존성 배열 4) useRef 5) useContext 3. 금일 소감 1. 튜터님께 드린 질문 및 답변 1) 의존성 배열과 useEffect 오늘은 강의 총 내용 중 절반 정도 ..

오늘은 챌린지 반 아티클을 읽고 소감과 내용을 요약하는 시간을 가졌다. 그리고 자바스크립트 공부 및 개인 과제 특강을 하였다. 이 중에서 오늘은 아티클 과제 내용만 담아보려 한다. 1. 소감 2.《 컴퓨팅 사고와 개발 실력 늘리는 공부법》핵심 요약 ① 컴퓨터적으로 사고하는 개발자 되기 1) 문제를 데이터의 관점에서 인식하고 처리하는 것이 바로 컴퓨터적인 사고의 시작! 2) 추상화라고 하는 개념을 이해하고 잘 활용 3) [프로그래밍의 핵심 요소] 변수, 타입, 조건, 반복, 함수 4) 컴퓨팅적 사고력을 검증하는 것: 코딩 테스트! 5) 의식적으로 훈련하기! ② 개발, 학습 말고 훈련하기 1) 만들고 싶은 목표부터 정하자! 2) 추상화라고 하는 개념을 이해하고 잘 활용 3) 어떻게든 내 환경에서..