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

1번 과제 (Day2) (음식 메뉴 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_2_food_menu2번 과제 (Day3) (가위 바위 보 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_3_rock_scissors_paper3번 과제 (Day4) (퀴즈 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_4_quiz 4-1번 과제 (Day5-1) (책 리스트 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_05-1_book_list 4-2번 과제 (Day5-2) (GitHub Finder 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_05-2_github_finder 5번 과제 (Day6) (비밀번호 생성 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_06_password_generator 6번 과제 (Day7) (타자 속도 측정 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_07_typing_speed_test 7번 과제 (Day9) (예산 계산기 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_09_budget_calculator 9번 과제 (Day11) (포켓몬 도감 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_11_pokedex 11번 과제 (Day13) (리덕스를 이용한 쇼핑몰 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_13_redux_shop_app

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

회고오늘로 인프런 워밍업 클럽 1기의 활동이 끝난다.처음 JS 과제의 난이도에 비해 리액트 과제는 router나 상태관리, 그리고 좀 더 많은 기능을 요구하여 좀 더 어려운 것 같다.인프런 워밍업 클럽에 참여하게 되어 강의도 듣고, 강의 내용을 바탕으로 하는 과제도 해결하는 것이 유용한 것 같다.혼자 그저 공부하려고 했다면, 강의를 듣다가 멈추는 경우도 허다할 것이고, 또한 강의 내용을 바탕으로 응용해 보는 과정도 힘들었을 것으로 생각한다.그런 의미로 이번 인프런 워밍업 클럽에 참여하길 잘한 것 같다.하지만 학교에 다니고 있는 학생의 입장으로써, 학업과 병행하기 수월했다고는 말할 수 없을 것 같다.JS에서는 시간이 넉넉했지만 리엑트로 넘어오면서 강의 내용도 길어지며 좀 더 어려워졌고, 과제 난이도는 JS와 너무 다른 것 같다. 약간 React 파트에서 조금 더 충분한 시간을 주었다면 좋았을 것 같다.초반부터 모든 과제는 다 만들겠다고 다짐했기 때문에, 아직 못 한 과제는 앞으로 계속 할 것이고,이미 했던 과제는 다시 한번 천천히 보면서 리펙토링 해야겠다!재밌었습니당!!

인프런 워밍업 클럽 스터디 1기 FE 과제 (day5 ~ day13)

4-2번 과제 (Day5-2) (GitHub Finder 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_05-2_github_finder 5번 과제 (Day6) (비밀번호 생성 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_06_password_generator 6번 과제 (Day7) (타자 속도 측정 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_07_typing_speed_test 7번 과제 (Day9) (예산 계산기 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_09_budget_calculator 9번 과제 (Day11) (포켓몬 도감 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_11_pokedex 11번 과제 (Day13) (리덕스를 이용한 쇼핑몰 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_13_redux_shop_app

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

1주 동안 한 것Github Finder GitHub Finder 고민 사항처음에는 검색 창만 있었는데, 이후 깃헙 사용자를 검색하니 profile & repo list가 나타난다. 이 부분을 만족시키기 위하여 2가지 방법을 생각해보았다.사용자의 이름이 검색될 때 마다 삭제 후 생성.처음에는 profile & repo list을 display: none으로 설정 후, 나중에 변경. 예전에 비슷한 과제였던 음식 메뉴 앱에서는 a 방법으로 만들었었다. 그 때는 탭이 이동하여, 전체적인 내용이 변경되는 느낌에서 전체 페이지가 리렌더링 된다고 생각하였지만, 이번 과제에서는 탭의 이동이나 변경사항 없이 한 페이지에서 일어나는 동작이여서 b로 구현하기로 생각했다. 또한 a방법으로 구현하면 리렌더링 되는 부분의 요소가 많으므로 좀 더 비효율적이라고 생각했다.input 창에서 user 검색에 대한 결과를 보여주는 방식에도 고민했었다.input event로 즉각적인 검색 결과를 보여줌.onblur event나 onclick event로 결과를 보여줌. 처음에는 input으로 event를 적용하였을 경우, 중간에 불필요한 api 호출이나 리렌더링에 대한 생각때문에 꺼려졌다. 하지만 과제의 영상에서는 아마도 input을 event로 적용한 것 같았고, 또한 검색하는 페이지가 렌더링되는 걸 보여주는 것이 조금 더 사용자한테 지금 입력을 받고 반응 중이다라는 것을 보여주는 것 같아서 좋았다. 그리고 이 작은 페이지에서 일어나는 렌더링 반응이 많아 봤자 그렇게 크지 않을 거라 생각하기도 하여 결국 a 방안으로 가게 되었다. 그러나 지금 생각해보니, b 방안으로 가고 검색창에 입력이 들어오는 동안 보여줄 loading css 를 작성하는 것도 괜찮았을 거라는 생각이 든다. 워밍업 클럽이 끝나고 시간적 여유가 있을 때 수정해놔야겠다!회고이번주에 밀린 과제와 강의 내용을 다 들으려고 했다.하지만, 이번주 것까지 모두 밀리게 되었다...이렇게 된 이유는 휴식 시간을 생각 안 하고 일정을 계획하며, 모든 것을 할 수 있을 거라 믿었던 것 같다. 이번주에는 모든 과제를 다 하겠다는 생각은 버려두고 밀린 강의부터 듣어야 겠다.이번주도 화이팅!!

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

학습 내용강의 내용자바스크립트 기초Window 객체 및 DOMEvent자바스크립트 중급제출한 과제음식 메뉴 앱가위 바위 보 앱퀴즈 앱책 리스트 나열 앱 회고과제를 수행하면서 전부터 느꼈지만 여전히 div tag만을 많이 쓰는 것 같아서 용도에 맞는 tag를 작성하려고 노력했습니다.책 리스트 나열 앱에서는 form tag와 table tag를 사용하여 div를 대체하고,GitHubFinder 앱에서는 ul tag를 디자인하는 것으로 div의 사용을 대체하였습니다.강의를 들으면서 몰랐던 지식을 쌓는게 재밌다고는 생각했지만 그보다 과제를 하는것이 더 재밌게 느껴져 아직 따라하며 배우는 자바스크립트 A-Z를 수료하지 못하였습니다.대체공휴일로 쉬는 내일 강의를 수료하려고 합니다.개인적인 목표로 과제를 전체 다 수행해야지 생각했는데 하지못하여 아쉽습니다.다음에는 발자국에 좀 더 의미 있는 기록을 할 수 있도록 노력해야겠습니다.

인프런 워밍업 클럽 스터디 1기 FE 4-1번 과제

4-1번 과제 (Day5-1) (책 리스트 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_05-1_book_list

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

3번 과제 (Day4) (퀴즈 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_4_quiz

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

1번 과제 (Day3) (가위 바위 보 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_3_rock_scissors_paperdelegation을 이용하여, button 각각에 이벤트를 주는 대신 그 윗단인 부모에 이벤트를 정의하여 동작하도록 하였습니다.게임의 결과가 눈에 보이면 더 잘 이해하기 수월할 것 같아서 이미지로 보이도록 하였습니다.

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

1번 과제 (Day2) (음식 메뉴 앱)깃허브 저장소 주소: https://github.com/llddang/Inflearn_WarmingUp_FE/tree/main/day_2_food_menu 필요한 정보를 객체 배열로 생성한 뒤, 버튼이 눌릴 때 마다 요소들을 삭제 & 재생성하는 방식으로 구현하였습니다.