공부하는 김쨔뿌

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

끝나지 않았다. 당연하지만? 개선할것들이 차고넘친다..! 그 전에 먼저! 우리 프로젝트를..정리..!! 프로젝트 이름은 "별보러가지않을래?" 인데, 사실 팀원분이 가칭으로 정한게 디자이너분이 헤더에 넣으면서 이걸로 가기로 했었다 ㅋㅋㅋ 배포된 사이트는 여기! https://stellakorea.co.kr/ 별보러가지않을래? 캠핑 차박하실때 불멍만 즐기셨나요? 이제는 별도 구경해보세요! 별이 잘보이는 장소,날씨 정보보시고 나만의 캠핑,차박 장소도 공유 해보세요! stellakorea.co.kr 프론트엔드 깃허브는 이쪽! https://github.com/jjubbu/StarProject-Front GitHub - jjubbu/StarProject-Front: 항해99 3기 실전프로젝트 "별 보러 갈래?" ..

.....ㅠ 이번주의 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 이번주.. 진짜..너무 힘들었다! 원래 어제까지가 배포 예정이었으나.. 일..

달력보면 5주차 회고같은데 4주차 회고라고 써야하나 허허 이번주는 팀 프로젝트! 백엔드와의 첫 협업^^ 우리팀의 작업물에 대해..간단히 정리해보자. Calendar type Diary http://calendar-type-diary.shop/ React App calendar-type-diary.shop 프론트엔드 깃허브 원격 저장소 https://github.com/jjubbu/Calendar-Diary-Front GitHub - jjubbu/Calendar-Diary-Front: 항해99 3기 4주차 미니프로젝트 항해99 3기 4주차 미니프로젝트. Contribute to jjubbu/Calendar-Diary-Front development by creating an account on GitHub..

벌써 4주차라고..??? 와... 이번 주차에는 수요일까지 리액트 심화반 강의를 듣고 목-금 매운맛 과제 빡세게 하다가 제출, 토요일에는 과제 개선! 오늘은..좀 쉬었다 ㅎㅎ..ㅋㅋ.. 깃허브 https://github.com/jjubbu/React-Calendar GitHub - jjubbu/React-Calendar: 항해 99 3기 3주차 과제 (매운맛) - 달력 만들기 항해 99 3기 3주차 과제 (매운맛) - 달력 만들기. Contribute to jjubbu/React-Calendar development by creating an account on GitHub. github.com 사이트 https://seona-react-calendar.web.app/ React App seona-rea..

기본 질문 ▶ s3 버킷에 배포한 뒤, 어떤도메인.com이 아닌 어떤도메인.com/login 등 페이지로 이동하면 왜 오류가 날까요? 리액트는 SPA(Single Page Application), 즉 한개의 페이지로 이루어져있어서 S3서버에서는 index.html 파일 하나만 있다고 인식한다. 이를 해결하기 위해서 s3설정시 에러가 났을때의 문서를 index.html로 해놓으면 오류가 발생해도 index.html로 돌아가 제대로 동작한다. ▶ 리액트에서 각 페이지 컨텐츠에 맞는 미리보기(사이트 이미지, 사이트 설명 등)를 띄워주려면 어떻게 해야할까요? 리액트는 한개의 페이지로 이루어져있어 index.html 자체에 넣을 수 있는 OG태그는 사용에 한정이 있으나, react-helmet 을 이용하면 각 페..

저번주차 회고에는 팀프로젝트가 기대된다고 적었지만.. 아쉽게도 이번주차는 팀프로젝트가 아니었다!! 개인별로 주특기 강의를 듣고 개인 과제를 하는 2주차. 나는 당연하지만..React! 팀이 나누어져있긴하지만 서로 돕기 편하다는 것 외엔 큰 의미가 없었다. 앞선 기수분들은 어떤지, 다른 주특기분들은 어떤지 모르겠지만 리액트쪽은 팀에 큰 상관없이 서로 대화 좀 해본 사람들끼리 질문이 오고가는듯? 내 경우에도 같은 팀원분들보다 이전에 휴게실에서 대화 좀 해본 분들이나 내가 직접 가서 도움을 드리겠다 한 경우 외엔.. 음, 팀원사이에서 질문이 오고간적이 별로 없는듯하다! 내가 궁금한것이 생기면 보통 검색으로 90퍼센트는 해결하고 그 외에는 실무관련이나 좀 더 깊은 정보였기에 슬랙에서 여쭤봤다. 아무튼, 이번 주..

오늘의 공부 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을 적을 수 있지 않을까? 지금은 이런 일기같은 잡담을 여기 쓰고있지만 나중엔 없애거나, 접거나, 아래로 내려서 안보이게 한다던가.. 그치만 잡담은 하고싶다. 나처럼 같은 나이대의 친구들이 죄다 대학 졸프로 바빠서 친구없음상태가 된 사람들에겐 이런 혼잣말은 귀하다. 절대 ..