항해구구

드디어 항해 1일차(돌파력 있는 개발자 되기 1일차 )오늘은 js 기본 문법에 대해서 공부를 하였다. js의 역사부터 배열까지 많은 공부를 하였다. 간략하게 보자면 1995년 자바스크립트 탄생1999년 자바스크립트 표준화(ECMA-262) 완료2005년 AJAX 등장2

항해 2일차 오늘은 es6 문법과 일급객체로서의 함수, Map과 Set에 대해서 공부를 하였다. 간략하게 보자면 각종 es6 문법 1. let, const >let: 재할당은 가능하고, 재선언은 불가능하다. const: 재할당, 재선언이 불가능, 초기값이 없으

항해 3일차 오늘은 데이터 타입(심화), 실행 컨텍스트, this에 대해서 공부를 하였다. 간략하게 보자면 데이터 타입 심화 자바스크립트에서 값의 타입은 크게 기본형과 참조형으로 구분된다. 기본형과 참조형의 구분 기준은 값의 저장 방식과 불변성의 여부이다.

항해 4일차 팀플 과제인 숫자야구 프로그램 만들기를 진행하였다. 2인1팀으로 페어하면서 숫자 야구 게임을 만드는 것이다. 간략하게 보자면 조건컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. (ex) 123, 759사용자는 컴퓨터가 뽑은 숫자를 맞추기

항해 5일차 오늘은 페어 프로그래밍을 하여 팀원들과 알고리즘 문제를 해결해 나갔다. 알고리즘 문제를 풀면서 안풀리는 문제들이 있었다. 간략하게 보자면이런 문제이다. 문제를 풀면서 날짜에 대한 함수가 있을 거 같아 찾아 보던 중 Date 함수에 대해서 알게 되었다. Da

항해 6일차 벌써 한 주 끝오늘도 알고리즘을 풀었다. 오늘은 어렵다기 보단 뭔가 신기한 것이 있었다. 간략하게 보자면 이런 내용의 문제였다. 나는 이렇게 문제를 풀었다. 코드에 대해서 간략하게 설명 하자면,숫자 n을 3진법으로 바꾸는 함수이다. 1\. 먼저 빈 배열 n

자바스크립트를 공부하면서 ES란 단어와 ES 뒤에 숫자가 들어가 있는 것을 보았다. ES가 무엇인지, 그 뒤에 붙여 있는 숫자의 의미를 무엇인지 궁금해졌다. 이제 ES로 들어가보자!!먼저 ES를 알기 전 자바스크립트에 대해 보자!Ecma International의 프로

항해 8일차 오늘도 알고리즘을 풀었다. 오늘 내용을 간략하게 보자면 이런 내용에 문제를 풀었는데 팀원과 풀면서 소수를 판별하는 방법인 에라토스테네스의 체에 대해서 알게 되었다. 에라토스테네스의 체(Eratosthenes' sieve)는 소수(prime number)를

항해 9일차 오늘도 알고리즘을 풀었다. 오늘 푼 문제들 중에서 가장 인상깊었던 문제를 간략하게 보자면이런 문제이다. 문제에 핵심 포인트만 간추린다면뽑을 수 있는 개수를 정해놓음 = nums.length / 2중복 제거 => 단, 그렇게 되면 배열의 길이가 줄어

항해 10일차 또 알고리즘을 풀었다.체육복이라는 문제에서 많은 어려움을 겪었다. 테스트 케이스는 정상적으로 코드가 실행되는데 제출할 때는 다른 테스트 케이스들이 실패가 나왔다. 성공하기 전 코드..왜 안되지 ??? 이 알고리즘 한 문제에 3 ~ 4시간을 쓴 거 같다.

항해 11일차 알고리즘을 다 풀었다..문제를 풀고 다른 사람의 풀이를 보며 어떤 식의 코드로 짰는지 확인을 하였다. 많은 문제들을 통해 알 수 있었던 것은 정규 표현식을 아주 많이 사용한다는 것이다. 그래서 오늘은 정규 표현식에 대해서 TIL을 적을려고 한다.간략하게

항해 12일차 드디어 주특기 주차에 들어갔다. 오늘은 리액트 입문 강의를 들었다. 강의 내용을 보자면리액트를 통해서 UI를 Building 할 수 있다. 여기서 UI는 유저 인터페이스르 의미한다. 즉 UI Building은 프론트 엔드 영역을 구축한다는 것이다. 리액

항해 13일차

항해 14일차벌써 2주차의 마지막이 날이 왔다. 한 주를 되돌아 보며 몰랐던 virtual dom과 복습 차원에서 props와 state에 대해 WIL를 써볼려고 한다. 먼저 공부 했었던 props와 state를 보면,상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때

항해 15일차 리액트 입문에서 공부한 걸 토대로 React TodoList를 만들어 보았다.간략하게 보자면 React 훅 useState와 props, jsx를 이용해서 간단히 만들어 보는 TodoList이다. 전체 코드를 보자면 기능을 보자면 먼저 users는 to

항해 16일차 리액트 입문이 끝나고 리액트 wdw숙련 주차로 넘어갔다. 리액트 강의를 들으면서 Styled-Components에 대해 알게 되었다. 오늘은 Styled-conponents에 대해 써볼려고 한다.리액트에서 CSS-in-JS 방식으로 컴포넌트를ㄹ 꾸밀 수

항해 17일차 벌써 항해 17일차이다. 오늘은 redux에 대해 공부하였다. 그래서 redux에 대해 써볼려고 한다. 리덕스는 대표적인 상태 관리 JavaScript 라이브러리이다. 리덕스는 전역상태 관리 라이브러리이다.리덕스는 useState를 통해 상태를 관리했을

항해 18일차 오늘은 그 동안 공부 했던 리액트 입문을 토대로 테스트를 보았다. 테스트의 내용은 input 창에 입력을 하고 추가하기 버튼을 누르면 추가되어 리스트들이 가로로 나오는 것을 구현하는 것이다.내가 구현한 코드를 보자면먼저 useState 함수를 사용하여

항해 19일차 오늘은 리액트에 훅에 대해서 공부를 하였다. 그래서 오늘은 리액트 훅에 대해서 TIL를 써볼려고 한다. 리액트에는 많은 훅들이 있다. 근데 훅이라는 것을 뭘까?리액트 훅(React Hook)은 리액트 함수형 컴포넌트에서 상태 관리나 다른 리액트 기능들을

항해 20일차 오늘은 redux에 대해 파보았다. 기존에 만들었던 todolist에서 간단하게 추가 기능과 삭제 기능만 구현하여 redux로 바꾸어보았다. 간략하게 보자면

벌써 항해 21일차..이번 주 공부한 것을 회고하면서 WIL를 작성한다. 한 주를 공부를 하면서 자주 나오는 state, props부분에 대해 좀 더 복습해야겠고, 또한 이러한 리액트를 사용하면서 렌더링이 발생하는 상황에 대해 궁금해서 이러한 주제로 WIL를 적을려고

항해 22일차 오늘은 리액트 숙련 과제를 끝마쳤다. 그래서 오늘은 과제에 대한 복습 및 리뷰를 해볼려고 한다.보자면먼저 원본 코드에서 각 state 별로 redux 모듈을 만들었다. 각각 title, body, users로 만들었다. 그 후 리덕스를 사용하여 각 기능들

항해 23일차 오늘은 redux toolkit에 대해서 공부하였다.

항해 24일차

항해 25일차

**항해 26일차 ** 오늘은 axios에 대해 공부를 하였다. 리액트에서 서버랑 처음 접하는 부분이어서 두렵기도 하고 설레기도 하였다. 그래서 오늘 axios에 대해 til를 작성한다.

항해 27일차 오늘은 어제 공부했던 axios의 심화부분에 대해서 공부하였다. 심화부분에서는 instance와 interceptor가 나온다. 그래서 오늘은 axios의 심화부분에 대해서 TIL를 적을려고 한다.

항해 28일차벌써 이번 주의 마지막 날이 되었다.오늘은 한 주를 되돌아 보며 복습도 하고 다음 주를 보내기 위해 준비하는 날이다. 복습하면서 라이프 사이클(클래스형, 함수형)과 리액트 훅에 대해서 다시 공부해볼려고 한다. 그래서 라이프 사이클(클래스형, 함수형)과 리액

**항해 29일차** 오늘은 axios를 사용하는 과제를 하다가 어려움을 많이 겪었다..

**항해 30일차** 오늘은 내가 만든 과제를 마무리하고 배포하는 시간을 가졌다. 원래 계획이라면 https://www.heroku.com/ 를 이용하여 json-server를 배포할려고 했지만, 유료화가 되었다는 소식에....😬 다른 사이트를 사용하였다. 나

## **31일차** 오늘은 axios에 대한 과제를 페어분과 함께 마무리하고 제출하였다. 그래서 오늘은 과제를 리뷰하는 시간을 가지겠다.

**32일차 ** 오늘은 리액트 쿼리에 대해서 공부를 하였다..

항해 33일차 오늘은 시험을 보았다. 시험 내용에서는 Thunk에 대해서 나왔다. 거의 공부를 안한 부분이어서 공부를 하면서 시험을 진행하였다. Thunk에 대해서 보자면 리덕스에서 많이 사용하고 있는 미들웨어 중에 하나이다. 여기서 미들웨어는 리덕에서 dispatch

항해 34일차오늘은 어제부터 진행한 미니 프로젝트 2일차이다. 프로젝트에 대해 간단히 설명드리자면 프로젝트 이름 : 삐질걸: 99프로젝트 설명 : TMI 퀴즈 게시판항해99 14기 인원들이 본인의 TMI를 퀴즈로 만들어서 등록하고, 다른 사람의 퀴즈를 맞춰보는 웹 애플

항해 35일차오늘은 이번 주의 마지막 날이다. 이번 주에 공부하면서 복습과 궁금한 점에 대해서 계속 공부한 것 같다. 하지만 공부를 하면서 어려운 부분들이 있었고, 그 부분에 대해서 알아가는 시간이 되었다. 오늘은 그 중에서 axios에 대해 한번 더 봐보겠다.node

항해 36일차 오늘은 프로젝트를 진행하면서 오류에 대해 TIL를 써보고자 한다.프로젝트를 진행하면서 협업을 하게 된다. 이 부분에서 레포지토리에 푸쉬하고 다른 협업자는 어싱크를 하고 merge 하고 full request를 하고 다른 협업자에게 승인을 받는다. 그 후

항해 37일차 오늘은 프로젝트를 진행하면서 다른 페어분이 instance를 공부해라고 해서 공부해보았다.앞에서 axios를 이용하여 HTTP를 통신하는 방법을 배웠다. 이런 식으로 axios들을 많이 사용하면 서버가 바뀌면 모든 url를 바꿔줘야 한다. 그 부분에서 너

항해 38일차 로그인 기능을 구현하던 중 쿠키에 대하여 어려워서 공부하게 되었다. 그래서 오늘은 cookie에 대해 TIL를 써볼려고 한다. 공부 하던 중 쿠키 라이브러리인 react-cookie에 대해 알게 되었다.react-cookie에 대해 설명하겠다..🍪np

항해 39일차오늘은 미니프로젝트가 끝나는 날이다. 그래서 오늘은 프로젝트에 대해 회상하려고 한다. pdf : e720d7f4-9764-4638-8e9c-23a66ede57b44조미니\_프로젝트\_\_삐질걸\_99_S.a.pdf삐질걸 : 99배포

항해 40일차오늘은 클론 프로젝트를 시작하는 날이다. 오늘은 프로젝트에 대해서 간단하게 설명할려고 한다.🎥 회의 때는 카메라를 켭시다 !혼자 끙끙대지 말고 서로 서로 도와주며 프로젝트를 완성합시다 !죄송하지 말기당당하기 !!!!!!!!깃 커밋 컨벤션BE memo트러블

항해 41일차 오늘은 프로젝트를 진행하면서 알게 된점에서 TIL를 써볼려고 한다. 프로젝트나 페어를 진행하면 라이브쉐어나 같은 화면에서 진행할 때도 있다. 이 부분에서 커밋을 하게 되면 나머지 인원들은 커밋을 못하는 아쉬운 경우가 생긴다. 이 부분에 대해서 공통으로 같

항해 42일차 오늘은 이번 주를 마무리하면서 아쉬운 점이나, 뿌듯한 점에 대해 WIL를 써볼려고 한다. 이 번주는 백엔드와 같이 협업을 하여 프로젝트를 진행하였다.초반에는 처음 해보는 협업이라서 떨리기도 하면서 설레기도 하였다. 프로젝트를 진행하면서 백엔드 분들과 같이

항해 43일차오늘은 프로젝트를 진행하면서 생긴 오류에 대해서 TIL을 써볼려고 한다. 리액트에서 변경사항이 있을 시 웹소켓 채팅에 2,4,6,8이렇게 채팅이 배열에 담겨 증가하는 방식을 보았다. 왜 그럴까?일반적으로 React 컴포넌트 파일을 변경하고 저장하면 화면이

항해 44일차 오늘은 프로젝트를 진행하면서 공부한 웹소켓에 대해서 TIL를 써볼려고 한다.그럼 웹소켓에 대해서 들어가보자!!웹소켓(WebSocket)은 TCP 연결에 완전한 이중 통신 채널을 제공하는 컴퓨터 프로토콜이다. (HTTP와 다름 - 둘다 OSI 7계층에 위치

항해 45일차오늘은 지금까지 진행했던 프로젝트를 배포하는 시간을 가졌다.우리가 사용한 배포 방법은 s3를 사용하였다. 그래서 오늘은 s3배포에 대해서 써볼려고 한다. S3, 정적배포가 무엇인지 학습합니다.S3를 통한 리액트 프로젝트를 배포하는 실습을 진행합니다.Amaz

항해 46일차 오늘은 일주일 동안 진행했던 프로젝트를 끝마쳤다. 그래서 프로젝트에 대해서 설명 해볼려고한다.항해99 14기 11조 클론코딩, 스타크래프트 단체 채팅으로 같이 이야기를 나누는 공간입니다.ezgif com-video-to-gifhttps://rou

항해 47일차 오늘은 마지막 팀이 결정되는 날이다. 설레기도하고 긴장도 되었다. 다행히 ㅋㅋ 좋은 팀원들을 만나서 좋았다. 팀원들이랑 간단히 주제나 기획을 진행하였다. 파이팅 해보자!! 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

항해 48일차새로운 팀이 구성이 된지 하루가 지났다. 오늘은 팀 규칙과 간단한 설정 등을 하였다. 또한 디자이너 분과 대화를 통해 디자인 요소를 정하였다.이를 통해 별로 사용하지 못했던 피그마를 많이 사용하게 되었다.오늘도 기획을 하다 하루가 지나갔다.아무래도 기획이

이번 주의 마지막이 되었다. _**오늘은 이번 주를 회고하면서 아쉬운 점이나, 좋았던 점에 대해 써볼려고 한다. **_

항해 56일차 이번 주도 벌써 지나갔다. 그래서 오늘은 이번 주에 대해 회고를 해볼려고 한다.이번 주도 협업을 통하여 프로젝트를 진행하였다. 협업을 진행하면서 아쉬운 부분과 보완하고 싶은 점들이 많았다. 먼저 이번 협업을 진행하면서 팀들 간의 분위기 및 진행 부분은 너

항해 63일차오늘은 이번 주의 마지막 날이다. 그래서 이번 주를 하면서 아쉬운 점이나 보완할 점에서 써볼려고 한다.이번 주도 역시 협업을 통해 프로젝트를 진행하였다. 이번 주는 진행하면서 디자인 영역이 아직 안나와서 기능에 몰두한 것 같다. 기능 구현을 하면서 모르는

항해 77일차 오늘은 내가 지금까지 담당했던 기능에 대해 정리해보는 시간을 가질 것이다.먼저 내가 담당한 기능은 총 5가지 정도 된다네이버 소셜 로그인이다.프로젝트 작성 (기본 CRUD 및 이미지 업로드)프로젝트 상세보기 (기본 CRUD 및 이미지 업로드)마이페이지에서