과제 정리

1, 2번 : https://www.inflearn.com/blogs/76463번 : https://www.inflearn.com/blogs/76704번 : https://www.inflearn.com/blogs/76865번 : https://www.inflearn.com/blogs/76896번 : https://www.inflearn.com/blogs/77037번 : https://www.inflearn.com/blogs/77098번 : https://www.inflearn.com/blogs/78619번 : https://www.inflearn.com/blogs/789610번 : https://www.inflearn.com/blogs/799411번 : https://www.inflearn.com/blogs/8092

인프런 워밍업 클럽 스터디 1기 FE 과제 (11번 과제)

11번 과제 (퀴즈 앱 만들기!)깃허브 저장소 주소 : https://github.com/peppone-choi/inflearn-class-11학습 범위: 리액트 섹션 전체.사실 이건 나와의 힘겨운 싸움이었다. 완성은 시켜야 겠는데, 자꾸 오류가 나는것. 이것도 못하고 쩔쩔매면 어떡하나 싶어서 최대한 빠르게 해보았다.채팅이나 다른 과제는... 일단 겁나긴 하는데 나중에라도 해볼 생각이다. 이제 잠깐 쉬어도 되겠지. 아니면 시간되는대로 쭉 해볼 작정이다. 채팅은 어떻게 하는지 감도 안오지만, 잘하면 해볼만 하지 않을까...

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

결국 포켓몬 과제에 모든 신경을 쓴 나는.... 포켓몬 과제를 완성하고 나서는 다른 과제를 할 수 없을 것 같아 강의를 따라하는데 집중하게 되었다. 그렇더라도 남은 과제를 포기 할 생각은 없다. 언젠가 다시 강의를 돌려보면서 해볼 것이다. 이제 다른 강의를 볼 것이냐 아니면 강의 내에서 필요한 강의를 2독할 것이냐 선택의 기로에 서있다. 일단 약간만 쉬고 선택을 해야겠다고 생각한다. 3주동안 정말 줄기차게 달려왔다. 이걸로 리액트를 모두 마스터했다는 생각은 하지 않는다. 더 공부가 필요하다.

인프런 워밍업 클럽 스터디 1기 FE 과제 (10번 과제)

10번 과제 (포켓몬 도감!)깃허브 저장소 주소 : https://github.com/peppone-choi/inflearn-class-11학습 범위: 리액트 Section, 4 ~ 5, 6 ~ 7이거 구성하느라 몇날 밤을 샜다.많은 어려움과 시행착오가 있었지만, 결국 해낼 수 있었던 것 같다.많이 투박하다. 몇가지 못다한 기능들은 끝나고 좀 쉰 다음에 할 예정이다.한글 검색을 넣을까 하다가 제약이 너무 많아서 그만두었다. 아쉽다.이번에도 gif가 올라가지 않아서 동영상으로 대체한다.https://drive.google.com/file/d/1dS5ob_t98KRC_GfkdhotLK12amDuZxmh/view?usp=sharing

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

1주차엔 빠르게 과제들을 해치웠지만, 2주차때 리액트를 하기 시작한지라, 속도가 늦어지고 있다. 이놈의 피카츄.... 과제 구현 시 테스트 코드를 먼저 작성하는 TDD 방법론을 사용하고 있다. 누가 시키지도 않았는데... 앞으로 남은 기간 동안 빠르게 완주를 해내고 다음을 준비해 봐야 겠다.

인프런 워밍업 클럽 스터디 1기 FE 과제 (9번 과제)

9번 과제 (디즈니 플러스 앱)깃허브 저장소 주소 : https://github.com/peppone-choi/inflearn-class-10학습 범위: 리액트 Section, 4 ~ 5, 6 ~ 7디즈니의 저작권이 두려워서 라는 이유로 기능 중심으로 구성을 해봤다.초반에는 테스트를 했는데 중반에 갈수록 테스트 코드를 못짜고 그냥 앉아있게 되더라. 이러면 안되는데. 포켓몬을 할 때라던지 다른거 할 때 테스트 주도 개발을 다시 시도해봐야겠다.gif가 안올라가져서 링크로 대체한다.https://drive.google.com/file/d/1ebNMMN8TmbJq0bfAu5h1fcLaqVQp5cLe/view?usp=sharing

인프런 워밍업 클럽 스터디 1기 FE 과제 (8번 과제)

8번 과제 (예산 계산기)깃허브 저장소 주소 : https://github.com/peppone-choi/inflearn-class-8학습 범위: 리액트 Section 1 ~ 3앞으로 넷플릭스 클론코딩과 TDD를 할텐데, 큰일이다.넷플릭스랑 디즈니 플러스 클론코딩은... 디자인 실력이 딸려서...포켓몬 도감은 아예 처음이라...

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

되돌아보니, 1주일이 쏜살같이 빠르게 지났다. 하루에 한 두개씩 과제를 했고, 일주일에 자바스크립트 과제 일곱 개를 해냈다. 디자인 적인 부분이 약한 나에게 nes.css 라이브러리는 큰 도움이 되었다. DOM API에 대한 복기, 그리고 바닐라 JS의 실력 향상을 위해 신청했던 만큼, 이번주에 했던 과제는 최대한 자바스크립트 만의 기능을 넣어보려 노력했다. fetch 등의 비동기 API의 사용법도 다시 숙지를 하게 되었다. 예전엔 그저 axios만 설치하여 따라만 치던 코드였는데... async와 await 그리고 Promise의 개념과 then과 catch가 왜 있는지 이제야 알 수 있게 되었다. 사실, 예정되었던 인턴십이 하루에 한두개의 과제를 하면서 강의를 보던 추진력이자 동기가 되었는데, (빨리 해치워야 한다. 라는 것 때문에.) 개인의 사정으로 무산되면서 그게 사라지지 않을까 걱정이 되지만, 더 집중할 수 있는 동기도 되는 것 같다. 사실, FE 스터디 에서만 끝내면 안된다. 스터디를 하며 뭔가를 더 해야 하는데(unity 관련 연구와 개발), 집중을 깨는게 아닐까 고민이다.

인프런 워밍업 클럽 스터디 1기 FE 과제 (7번 과제)

7번 과제 (타이핑 테스트 앱)깃허브 저장소 주소 : https://github.com/peppone-choi/inflearn-class-7학습 범위: Section 9새벽에 시작하고 거의 아침이 되고 나서야 끝을 본다. 정말 일주일안에 돌파하였구나... 하는 생각이 든다.로직 부분을 따로 파일로 분리 하지 못한게 아쉽다. 결합도를 나중에 생각 해 봐야겠다.타자가 잘 쳐지는 부분리셋이 잘 되는 부분

인프런 워밍업 클럽 스터디 1기 FE 과제 (6번 과제)

6번 과제 (비밀번호 생성 앱)깃허브 저장소 주소 : https://github.com/peppone-choi/inflearn-class-6학습 범위: Section 7 ~ 8이번엔 약간 어려웠다. Validation도 수행하였으며, 비밀번호를 어떻게 생성할 것인가. 특히 포함 할 문자 항목에서 체크 된 것을 어떻게 하나 이상 포함하게 하는지에 대해 고민을 많이 했다. 결국 Validation을 통과하지 않으면, 다시 생성하게 만들었다.