인프런 워밍업 스터디 1기 프론트엔드 지민철 과제 모음
1번 2번 day4 day5 day6 day9 day10 day12
- 좋아요수
- 0
1번 2번 day4 day5 day6 day9 day10 day12
DAY10 디즈니 플러스 앱 github: https://github.com/asdf1596/jsStudy/tree/main/gwajae/react-netflix-app 만약 대략 보았다면 알겠지만 넷플릭스 과제와 굉장히 유사하다. 그 이유는 예상했다시피 복붙이 맞다... 시간이 없다는 변명이 있기도 하고 진짜로 첨부터는 못 할거 같아서 결국 아래 배너랑 ...
DAY10 디즈니 플러스 앱 github: https://github.com/asdf1596/jsStudy/tree/main/gwajae/react-netflix-app 만약 대략 보았다면 알겠지만 넷플릭스 과제와 굉장히 유사하다. 그 이유는 예상했다시피 복붙이 맞다... 시간이 없다는 변명이 있기도 하고 진짜로 첨부터는 못 할거 같아서 결국 아래 배너랑 ...
다음에 도전할 과제가 api를 활용하는 과제인 김에 이참에 api사용방법을 알아보기로 하였다. 이번에는 fetch를 통해서 구현해볼 생각이다. fetch()란? 자바스크립트 내장 객체 (API 호출하는 역할) fetch() 함수는 찾아보니 window객체에 소속되어 있다고 해서 window.fetch()로 사용되기도 한다고 한다. fetch() 사용 방법 ...
github: https://github.com/asdf1596/jsStudy/tree/main/gwajae/quiz-app 이래저래 완성은 하긴 했으나 하루나 걸려서 만들었따.... mui등을 이용하여 만들었으며 gpt의 힘도 조?금 빌렸다... 물론 gpt의 힘을 빌리는게 잘못된건 아니지만 너무 의존하는 느낌이 든다... 무튼 완성은 했으나 세세한 디테...
github: https://github.com/asdf1596/jsStudy/tree/main/gwajae/react-netflix-app 솔직히 넷플릭스에서 조금만 바꾼 후 대부분을 복붙을 하였다... 대부분을 복사했음에도 불과하고 로그인 하나 구현하는데 몇시간이 사용되었다. 결론적으로는 reactgoogleoauth랑 context를 통해 구현하였다....
DAY6:비밀번호 생성 링크 제작과정:일단 html,css로 기본적인 모양을 잡고 js로 모양 생성을 시작했다. 작동 순서는 숫자 입력 받기 - 체크된 조건 확인하기 - 램덤으로 숫자를 정해서 조건을 지정 - 그 안에서 또 랜덤으로 지정해서 숫자를 집어넣고 그걸 아스키코드를 통해 넣었다. DAY9:예산안 작성 링크 지금 상태가 css를 제대로 지정을 안해서...
github: https://github.com/asdf1596/jsStudy/tree/main/gwajae/list1 느낀점이 굉장히..상당히..좀...많았다... 일단 생각은 usestate 사용하면 어렵지 않게 할 수 있을 줄 알았는데 react가 거의 처음이다 보니 생각대로 전혀 되지가 않았고 이거 하는데 거의 2일이 걸렸다... 결국 gpt의 힘을...
이번에 강의를 들으면서 뭔가 당연히 알아야한다는 느낌으로 설명이 나오는데 완전히 처음보는 문법들이 있었다. 일단은 그러려니 했었는데 js코테 문제를 풀어보고 다른 사람들 풀이를 보는데 그곳에서도 비슷한 문법들이 나오길래 이번 기회에 그냥 그 문법들을 정리해보기로 하였다. js 화살표 문법 (=>) 일반적으로 함수를 만드는 방식을 간편하게 바꾼 것이 화살표 ...
gitub: https://github.com/asdf1596/jsStudy/tree/main/gwajae/day6 저번에 약간 gpt로 과제를 어정쩡하게 넘긴 것이 마음에 걸려서 이번에는 당연하지만 gpt를 거의 사용하지 않았다... 후기:글자를 랜덤으로 만드는 과정이 상당히 어려웠다... 만약 코드를 본다면 알겠지만 굉장히 이상한 방식으로 random을...