oyatplum

2주차 미션: React-Todo 세오스 2주차를 마무리하며... 리액트로 구현하면 쉽지 않을까 생각했던 난 바봉 멍충이,,, 내 기억력은 휘발성이 미쳤다 요상하고 잡다한 건 잘 기억하면서 왜 공부는 기억을 못 하지ㅋㅋ 켘ㅋ 이번 과제하면서 아쉬운 점이 많았다.. 뭔가 렌더링 최적화도 멋있게 딱!!딱!! 하고 싶었고 useEffect도 쉬리릭 쓰면서 휘황찬란하게 코딩해서 멋찌게 제출하는 나를 상상했지만 따흑..... 다음 주는 타입스크립트 쓰는 것 같던데 난 망해따 헤헤 얼른 공부나 하고 있어야지 에휴우웅.... 새롭게 알게 된 부분 & 어려웠던 부분 1. rendering 두 번씩... https://velog.io/@aurpo1/React-console-2%EB%B2%88%EC%94%A9-%EC%B0..

1주차 미션: Vanilla-Todo 세오스 1주차를 마무리하며... 자바스크립트만 이용해 todo를 만들어 본 적이 있어서 그리 어렵지 않을 것이라 생각했지만... 엄청난 실수였다^.^ 요즘 한창 리액트 공부하다가 "자바스크립트만 써!!!" 라고 하니까 도무지 엄두가 안 나서 계속 멍..만 때리고 있었당... 바보가타.... 새롭게 알게 된 부분 & 어려웠던 부분 우선 forEach()와 filter()함수를 굉장히 유용하게 잘 썼던 기억이 있다.. 예전(?)에는 사실 이런 함수들이 크게 와닿지 않았고 이런 함수들의 기능이 필요할 때 어떡하지?!?!?!!?!;;;;;; 만 머리에 박혔는데 이젠 아~~ forEach 써야겠네~ 아~~~~filter쓰면 되겠네~~~ 라고 생각할 수 있게 됐다.... ㅋㅋ...

2. Calendar_1 : 에러랑 친해지기 하하 처음엔 콘솔 창에 빨간 불만 켜지면 눈알 돌아가고 환장했다.. 그냥 다 포기해버리고 싶고... 망연자실이었는데 그냥 에러 자체를 구글에 복사해서 찾아보고... 다른 사람들이 에러 해결한 방법들 보면서 공부하니까 나름 고칠만 했다.. 아마도ㅋㅋ 헤헤 아닌가봐 어이가 없엉쇼~ 이전 포스팅에서 css로도 고생했다고 했는데.. weeks 컴포넌트에서 뒤죽박죽 얼렁뚱땅 요일들 간격 맞추느라 증.말 애먹었다. 이런 말도 안 되는 헛소리를 하고 결국 각각의 day를 하나의 div로 감싸서 박스 크기를 정해주고! 그리고 그 박스들을 정렬하는 방식으로... 해결했다.. 제일 고비는 마지막 에러였다. 분명히!! 배포하기 전에 로컬에서는 팽팽 잘만 돌아가다가 배포하면서 문제..

학습 목표 to-do 앱과 netflix 앱 구현을 바탕으로 Calendar 앱 구현하기!!! 커밋할 때 메세지 지켜보기... 매일 혼자 구현하다 보니까 커밋을 냅~다리 대충 적어버렸다.. 이제 커밋 메세지 양식을 조금이나마 지켜보려고....한다 우선 이 정도만 지켜보면서 만들어보자!!! 1. Calendar_1 : Header 작성하기 우선 폴더 구조는 이렇게 생겼다!! header는 말 그대로 캘린더의 헤더 부분이고 days는 일주일(요일)을 작성해주는 컴포넌트! weeks는 해당 월의 날짜가 모두 출력되는 컴포넌트, 마지막으로 calendar에서는 이 전체 컴포넌트를 한 번에 보여주도록 했다. 처음에 달력을 구현하기 앞서,,, 하드 코딩을 해야하나,,, 머리를 굴리다가 터질 것 같아서 https:/..

6. 최종 뭐.. 크게 달라진 건 없고 가장 신경쓰이는 미디어 쿼리 좀 바꿈.... 그리고 투두 앱처럼 파비콘을 ㅎㅎ 바꿔주고 넷플릭스에서 계정 로그인 하는 사진도 내 얼굴 박아줌 그냥 Nav있는 component 폴더에 사진 넣으니까 안 됨ㅠㅠㅠ 다른 폴더로 만들어서 import 하거나 뭐 어쩌구 다른 방법이 있는데 그냥 import 함 이렇게 image 폴더 만들어서 사진 넣어놓고 oyat 이라고 아무렇게나 적은 담에 요로콤시 가지고 오면 끝ㅎㅎㅎ 하하 넷플 클론 구현이라 딱히 크게 바꿔줄 건 없고.... 아무튼 이렇게 리액트 좀 힘들게 찍먹 해봤다ㅠㅠㅠ 흐므앙..... 좀 느낌이 오는 것 같기도^^... 부족한 부분 더 열심히 보충해보자.....아자ㅏ자....