인프런 워밍업 스터디 클럽 3기 (FE) _ 2주차 발자국
강의를 학습하며 새로 배운 점
2주차 학습 범위 :따라하며 배우는 자바스크립트 A-Z 8~10섹션, 따라하며 배우는 React A-Z 2~6섹션
이번주는 리액트가 진도에 포함됐다.
완전히 처음하는 것은 아니지만 기존에 그냥 리액트가 뭔지 맛보기 수준으로 해보았기에
많이 복잡하고 어려웠다. 강의 내용자체는 들으면서 이해는 되지만 막상 내가 프로젝트를 만드려고 하면 문제가 생겼다.
특히 tailwindcss를 사용하려고 할 때는 설치하고 지우고 설치하고 지우고를 몇번 반복했는데도 동작하지 않았다...
경로도 바꿔보고 혹시 터미널 문제인가 싶어서 ubuntu도 설치해보고 했는데 소용없었다 ㅠㅠ
(이전엔 맥북으로 해서 zsh를 썼을때는 프레임워크나 등등을 설치할때 문제가 된 적이 거의 없었고, 윈도우에서 bash를 사용하니 npx 명령어 부터 작동하지 않아서 혹시 싶었다..)
리액트를 배우면서 과제까지 해보려고 하니 너무 시간도 부족하고 어려워서 이번주는 배우는 것에만 집중하려고 했다
그래서 다음주에 심기일전하고 다시 과제를 해보려고 한다.
과제 진행 회고
2주차 과제
비밀번호 생성 앱 만들기
타이핑 테스트 앱 만들기
디즈니 플러스 앱 만들기포켓몬 도감 앱 만들기
이번주는 리액트 과제를 포기했다... 다음주에 열심히 해보려고 한다.
비밀번호 생성 앱 만들기
가장 여유있을때 한 과제인 만큼 최대한 배운걸 활용해보려고 했다.
객체에 선택지들에 맞는 글자를 넣어두고 ex) 숫자 = "0123456789"
랜덤으로 선택된 선택지를 선정 (filter 사용), 선택지 안에 있는 문자열을 인덱스로 접근해서 랜덤하게 하나를 가져왔다
그리고 입력한 비밀번호 길이에 맞게 반복해서 비밀번호를 만들었다.
filter를 깊게 공부하면서 동적 접근이라는 것도 배웠다 처음엔 이해가 안됐지만 (사실 지금도)
사용해보니 훨씬 코드를 단축할 수 있었다.
타이핑 테스트 앱 만들기
랜덤 영어 명언 api를 불러 와서 진행했다. (https://api.adviceslip.com/advice)
어렸을때 한컴 타자연습을 많이, 그리고 재미있게 했어서 앱에 어떤 기능을 넣어야 하는지는 명확했는데
타속이라는 걸 어떤 기준으로 해야하는지는 어려워서 다른 사람들이 한 것들을 많이 검색해보며 참고했다
댓글을 작성해보세요.