공부하는 김쨔뿌

* 항해 새기수 열릴때마다 이 글 조회수 높아지는데 말이죠, 최근 기수랑 저 달리던 3기까지는 많이 다를 수 있습니다! 왜냐하면 저희 기수도 1기, 2기의 문제점을 보완해서 이전 기수랑 꽤 달랐고 들리는 소문으로는 최근에는 들어갈때부터 뭔가 테스트 보신다면서요..? 저흰 그런거 안하고 ㄹㅇ 코딩 1도 안써보신 분들 많았구 저도 프론트 1두 모르는 상태로 시작함 ㅋㅋ 그래서 이 글보다는 최대한 최신 후기를 찾아보시는걸 ㅊㅊ드립니다 두둥둥장. 토요일에 백신 3차 맞고 기절했다가 드디어 후기 씀. 음~ 목챠.. 1. 이거 왜 했음? 2. 협업 어땠음? 3. 실전프로젝트 어땠음? 4. 취업 어케됨? 5. 항해 하면서 뭐 얻음? (400마넌 값을 함?) 목차 이럭게 됨. 하나하나 써볼거임. 시작. 1. 이거 왜 ..

.....ㅠ 이번주의 TIL https://jjyabbu.tistory.com/62 [TIL] 21.11.15 오늘 작업한것 마이페이지 css 작업 완료 메인 북마크 클릭이벤트 작업 중 전체적 페이지 이슈 체크 작업해야할것 메인페이지 서버쪽 데이터 작업 완료 후 북마크 작업 로그인체크 확인 (서버쪽 jjyabbu.tistory.com https://jjyabbu.tistory.com/63 [TIL] 21.11.18 오늘 작업한것 북마크 기능 작업 토큰 체크 오류 수정 상세페이지 스타일 완료 상세페이지 날씨정보 불러오기 완료 작업 해야할것 별자리페이지 다른 지역 체크 지도페이지 결과 없을 시 예외 jjyabbu.tistory.com 이번주.. 진짜..너무 힘들었다! 원래 어제까지가 배포 예정이었으나.. 일..

어제 하루종일 이거 검색하다가 000000같아서 정리함 후 영어권 검색해도 내가 원하는 정확한 방법이 없어서 영어권 사람들 볼지도 모르겠지만 아무튼 영어제목도 해놨는데 알아서 번역하겠지..? 작업 전, 아래의 조건에 만족해야합니다. react-quill 의 설치 의 onChange에 {(e)=>setState(e)} 의 형식으로 작성한 내용물이 state에 담겨야 합니다. 의 ref가 useRef로 선언되어있어야합니다. aws-sdk 의 설치 https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html 에서 "사전필수작업", "CORS 구성", "웹페이지"까지 작업을 끝내면 됩니다. 아래..

구글링할때 how to update useState dictionary 이런 식으로 해서 나온것 함수형 컴포넌트에서 useState hook을 사용할 때, state에 한방에 저장하고싶다면 딕셔너리형태로 잡아주면 된다. const [state, setState] = React.useState({"A":"", "B":""}); 딕셔너리 안의 내용물에 대한 접근은 state.A, stat.B 의 형식으로 하면 된다. 그럼 업데이트는? setState(prev => ({...prev, "A":"a"})); 이렇게 하면 state 안의 A만 업데이트된다. 이 상태에서 console.log(state)를 찍으면 {"A":"a","B":""} 가 나올것이다. 참고로 prev는 그냥 변경되기 전의 state를 말하는..

오늘의 공부 react 환경에서 슬라이더를 넣고싶을때, react-slider 를 이용하면 편하다는 점을 알았다. styled-components 를 분리할때 컴포넌트별로 조각내서 분리할지 겹치는 부분만 분리할지 고민중이었는데 멘토님께 여쭤보니 멘토님은 겹치는 부분은 분리하고 나머지는 컴포넌트파일에 넣어두신다고..! ...뭔가 적어보이는데 작업하느라 시간을 꽤 날렸다. 오늘의 작업 [과제] 전체적인 스타일 작업ing, 슬라이더 추가 사실 어젠가 그젠가 피그마작업은 다 했지만 TIL에 링크를 안넣어놨길래..허헣 https://www.figma.com/file/iylbKcUH0D9dfzNxyeRhUw/SpartaReact_Dictionary?node-id=2%3A141 Figma Created with Fi..

정리보단 후기로 들어오는 사람이 있을거같아서 후기부터 조신하게 적고 정리는 따로 글을 생성하겠습니다.. 리액트를 공부하기위해 필요한 지식은 다음과 같습니다. HTML CSS Javascript (바닐라 = 순수 자바스크립트) "필요한 지식 아무것도 몰라요" 생활코딩의 WEB1부터 듣는걸 추천드립니다. https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여 opentutorials.org 자바스크립트의 경우, es6버전의 자바스크립트에 대해 핥아먹어보는 ..

앞선 이틀짜리의 TIL이 없는 이유는.. 밤새서 강의를 듣고 TIL을 적기도 전에 기절했기 때문. 하지만 내겐 여태 필기한 것이 남아있다! 확실히 여태 느낀건데 필기를 하는 편이 이해하기도 좋고 나중에 뒤적거리며 찾을 때 다른 것도 같이 보니 복습하기도 좋다! 사실 TIL을 어떻게 적어야할지 아직도 온전히 알지 못해서 이런저런 형식으로 써보고있다. 어떻게 보면 난잡하지만, 한.. 50번째..정도에는 좀 보기도 좋고 내용도 깔끔하게 TIL을 적을 수 있지 않을까? 지금은 이런 일기같은 잡담을 여기 쓰고있지만 나중엔 없애거나, 접거나, 아래로 내려서 안보이게 한다던가.. 그치만 잡담은 하고싶다. 나처럼 같은 나이대의 친구들이 죄다 대학 졸프로 바빠서 친구없음상태가 된 사람들에겐 이런 혼잣말은 귀하다. 절대 ..