코드숨 (22) 썸네일형 리스트형 20201122 코드숨 9주차 회고 9주 차 주간 회고 한 일 개인 프로젝트 시작하기 배운 점 좋은 설계 : 프로그램과 UI는 별개로 존재해야 한다. 항상 의미 있는 상태 관리와 마크업을 먼저 생각해야 한다. 느낀 점 & 자기 선언 초반에 잘못 생각하고 UI를 구현하는 데에만 많은 시간을 보내다가 시작하는 방향이 잘못되었다는 점을 알게 되었다. 프로그램과 UI를 따로 생각해야 하고 UI는 튼튼한 프로그램 위에 언제든지 어떤 방법으로든 올릴 수 있는 것인데 내가 한 작업들은 그 개발 순서가 잘못되었던 것을 깨닫고 다시 처음부터 의미 있는 상태로 만드는 것부터 시작했다. input이 하나도 없이 좌표 수치들을 상태로 관리하던 페이지에서 셋 중 하나는 꼭 선택해야 하는 라디오 버튼으로 구성된 페이지로 만들었다. 그렇게 되니 코드만 보더라도 이 .. 20201115 코드숨 8주차 회고 8주 차 주간 회고 한 일 과제 8 진행하기 프로젝트 디자인 진행하기 마이다스 코딩 테스트 보기 디자이너와 협업 제안하기 배운 점 React.memo를 잘 활용해서 최적화하는 법을 배웠다. 여러 가지 css와 상태를 이용한 통한 반응형 css 만드는 법을 알게 되었다. 알고리즘 문제에 접근하는 방법을 배웠다. 느낀 점 & 자기 선언 정말 잊지못할 다이나믹한 한 주를 보냈다. 최적화와 함께 컴포넌트에 css를 적용시키는 법을 배우면서 이것저것 앞으로 프로젝트에서 사용할 css를 공부하다가 프로젝트 앱 버전 디자인도 거의 완성시키면서 목요일을 잘 마무리하고 웹 버전 디자인도 이제 이번 주 안으로 완성시켜야지 하고 있는데 갑자기 덜컹 생각지도 못한 마이다스 2차에 합격해서 코딩 테스트가 주어졌다. 그동안 한 .. 20201108 코드숨 7주차 회고 7주 차 주간 회고 한 일 JWT방식과 localStorage를 이용해 로그인을 구현하는 법을 배웠다. 과제 1 : 레스토랑 로그인 페이지 및 리뷰 작성 페이지 구현하기 프로젝트 앱 버전 디자인 초안을 완성했다. 배운 점 인증과 인가의 의미를 파악했다. 인증 : 사용자가 누구인지 파악하는 프로세스 인가: 접근 권한이 있는 항목을 확인하는 프로세스 JWT 방식과 Session 방식의 차이점과 프로세스에 대해 알아보았다. Session 방식 : 서버 세션을 사용해 인증한다. 클라이언트가 로그인 -> 성공 시 서버가 유저 세션을 만들고 메모리나 DB에 저장 -> 서버가 클라이언트에게 세션 ID를 보냄 -> 클라이언트 브라우저에 세션 ID를 쿠키에 저장. JWT 방식 : 필요한 정보를 토큰 body에 저장해 증.. 20201101 코드숨 6주차 회고 6주 차 주간 회고 한 일 라우팅 학습하기 과제 1 : 레스토랑 상세페이지 구현하기 모듈과 웹팩에 대해 돌아가서 다시 이해해보기 배운 점 React-router를 이용한 라우팅 방법을 배웠다. : path를 받아올 때 match로 전달들 받거나 useParams를 통해 받아와 이용할 수 있다. html 태그를 통한 상대 경로 지정과 script주소를 직접적으로 변경을 통한 절대 경로 지정, 그리고 모듈 설정을 통한 절대 경로 지정하는 법을 익혔다. css를 추가해 보는 등 module을 더 연습하고 모듈 추가의 의한 테스트 할 때 문제점을 mocking을 통해 해결하는 법을 배웠다. 느낀 점 & 자기 선언 배우면 배울수록 배우고 싶은게 늘어가는 느낌을 받은 주였다. 마지막 즈음에 경로 문제로 제대로 작동.. 20201024 코드숨 5주차 회고 5주 차 주간 회고 한 일 Redux에서의 비동기 액션을 실행하는 법 배우기 과제 1 : 레스토랑 조회 구현하기 알고리즘 문제풀이 포트폴리오 페이지 진행 중 프로젝트 디자인 시작 배운 점 redux thunk를 이용해 함수를 dispatch 하는 법을 배웠다. redux-mock-store와 redux-fetch-mock 모듈을 이용해 store와 fetch를 모킹 해 테스트하는 법을 배웠다. 테스트에서도 철저한 관심사의 분리가 이루어져야 한다는 점을 배웠다. 느낀 점 & 자기 선언 이번 주는 비동기 구현을 얹은 TDD를 연습하는 느낌의 한 주였다. 비동기 코드를 테스트하는 부분에서 또다시 삐걱댔지만 이건 내가 이 테스트에서 무엇을 검사하고 싶은지에 대한 관심사의 분리가 부족해서 더 버벅댔던 것 같다. .. 20201018 코드숨 4주차 회고 4주 차 주간 회고 한 일 Redux에 대해 배우기 과제 1 : To-do TDD로 리덕스 적용하기 과제 2 : 레스토랑 저장 앱 TDD로 구현하기 개인 포트폴리오 페이지 작업 시작 배운 점 TDD를 아주 작은 단위부터 시작하는 법을 익혔다. 알고리즘과 설계의 중요성을 체감했다. hooks를 이용해 Redux를 사용하는 법을 배웠다. 느낀 점 & 자기 선언 이번 주는 모든 시간을 과제를 풀어나가는 데에 집중하는 한주였다. redux를 개념 정도만 약간 알고 있었지만(나름 전에 공부했다고 생각했는데 적용에 익숙해지지 않은 것은 아는게 아니다라는걸 강의를 따라가다가 다시 또 혼자 뼈 맞았다.) 강의를 듣고 이렇게 저렇게 적용해보면서 익숙해 갔고 (특히 TDD로 적용시켜 보는 게 이해하는 데에 정말 도움이 많.. 20201011 코드숨 3주차 회고 3주 차 주간 회고 한 일 테스트 작성법에 대해 배우기 테스트 공식 문서 읽어보기 과제 : To-do 테스트 작성하기 'Code Compelete' 책 읽기 시작 알고리즘 문제 풀이 시작 배운 점 describe-context-it 구조로 테스트를 작성하는 법을 배우고 익혔다. 테스트에서도 해당 테스트의 관심사에 맞는 테스트를 작성해야 한다는 점을 배우고 고민해봤다. jest의 Matcher들과 쿼리들을 찾아보고 사용해보았다. Mock 함수를 만들어서 사용하는 법을 배웠다. 느낀점 & 자기 선언 고민과 혼란이 많았던 한 주였다. 일주일 동안 테스트 코드를 작성도 해보고 다른 분들은 어떤 고민을 하시나 어떻게 작성하시나 코드도 둘러보고 했는데도 아직까지 "테스트는 이렇게 작성해야 깔끔하게 잘한 거지!"라고.. 20201004 T.I.L '코딩의 기술' 스터디 5회차 회고 스터디를 잘 마무리했다. '코딩의 기술' 책이 약간 뒤로 갈수록 얘기할 내용이 없어져서 내용에 대한 공부는 금방 끝내고 프로미스에 대한 개념을 다시 한번 자세히 짚어서 확실히 알게 되었다. 그리고 디 바운스를 구현하는 것을 같이 시도해봤다. 근데 이게 디바운스라는 개념은 내가 모르고 있었지만 어떻게 구현하는지에 대한 걸 알고 있어서 내가 조금 놀라기도 했다. 역시.. 배움이란 어디 써먹는지 몰라도 알아두면 좋구나 와 어디 써먹는걸 제대로 알아야 가치가 있구나 하는 양가감정이 들었다. 책을 한권을 완독 한다는 것이 책과 담쌓은 지 백만 년인 나에게는 정말 어려운 일이었는데 함께 스터디를 통해 진행을 하니 정말 재미있는 5일이 되었다. 함께하는 즐거움을 느껴간다. 그리고 잘 이끌어주신 윤석 님께도 감사드리고.. 이전 1 2 3 다음