- 전체보기(206)
- 프로그래머스(105)
- 항해99(96)
- 스파르타코딩(56)
- 스파르타 코딩(39)
- 실전프로젝트(14)
- 부트 캠프(12)
- 사전 스터디(5)
- 알고리즘(4)
- 불변성(4)
- redux(4)
- 여정 14일차(3)
- 여정 35일차(3)
- 데이터 타입(3)
- 자바스크립트(3)
- 트러블슈팅(3)
- 여정 28일차(3)
- ES6(3)
- 여정 49일차(2)
- useState(2)
- react router dom(2)
- 깃 컨벤션(2)
- export / export default(2)
- 여정 7일차(2)
- 비동기처리 지원(2)
- undefined(2)
- custom hook(2)
- lifecycle(2)
- record(2)
- async/await(2)
- 여정 12일차(2)
- JSON Server(2)
- 여정 21일차(2)
- ES5(2)
- 컴포넌트(2)
- react-query(2)
- 프로젝트(2)
- Fetch(2)
- WEBRTC(2)
- 싱글 스레드(2)
- 깃(2)
- useMemo(2)
- useRef(2)
- outer(2)
- 스코프(2)
- github(2)
- 함수(2)
- git(2)
- Flask(2)
- this(2)
- Redux Tunk(2)
- Select / Input(2)
- 파싱(2)
- 메서드(2)
- axios(2)
- 콜백함수(2)
- 깃허브(2)
- 가변성(2)
- virtual DOM(2)
- 양방향 바인딩(2)
- 협업의 결과(2)
- 무한 스크롤(2)
- API(2)
- useCallback(2)
- instance / intercepter(2)
- React.memo(2)
- JWT(2)
- promise(2)
- ES(2)
- Throttling & Debouncing(2)
- 여정 42일차(2)
- 클로저(2)
- GET(2)
- null(2)
- POST(2)
- useEffect(2)
- 여정 74일차(1)
- 구슬을 나누는 경우의 수(1)
- SSR CSR(1)
- 여정 15일차(1)
- 약수의 합(1)
- 웹스크래핑(1)
- OX퀴즈(1)
- reduxtoolkit(1)
- 연속된 수의 합(1)
- 도메인(1)
- 두 수의 곱(1)
- 합성수 찾기(1)
- 비밀지도(1)
- 여정 30일차(1)
- 여정 75일차(1)
- 여정 39일차(1)
- 가위 바위 보(1)
- 여정 11일차(1)
- 실행 컨택스트(1)
- 불변성 / 가변성(1)
- 이진수 더하기(1)
- 회고 2일차(1)
- 여정 58일차(1)
- 배열 회전시키기(1)
- 가까운 수(1)
- 여정 25일차(1)
- 여정 40일차(1)
- ajax(1)
- 짝수와 홀수(1)
- 여정 37일차(1)
- 여정 64일차(1)
- 모스부호 (1)(1)
- 여정 76일차(1)
- 공 던지기(1)
- 가장 큰 수 찾기(1)
- JavaScript(1)
- 여정 17일차(1)
- 불변 객체(1)
- 외계행성의 나이(1)
- 여정 68일차(1)
- 여정 3일차(1)
- 여정 10일차(1)
- 피자 나눠 먹기 (1)(1)
- 외계어 사전(1)
- 여정 24일차(1)
- 문자열 계산하기(1)
- 여정 29일차(1)
- csr ssr(1)
- n의 배수 고르기(1)
- 옷가게 할인 받기(1)
- 여정 13일차(1)
- 하샤드 수(1)
- 여정 19일차(1)
- redux-toolkit(1)
- mongodb(1)
- 여정 65일차(1)
- 배열 뒤집기(1)
- 암호 해독(1)
- TIL/WIL(1)
- 여정 33일차(1)
- 여정 72일차(1)
- 약수 구하기(1)
- 주사위의 개수(1)
- 삼각형의 완성조건(2)(1)
- 잘라서 배열로 저장하기(1)
- JSON WEB TOKEN(1)
- 369게임(1)
- 프로토콜(1)
- 여정 38일차(1)
- 머쓱이보다 키 큰 사람(1)
- 7의 개수(1)
- 여정 5일차(1)
- 아이스 아메리카노(1)
- 배열 두 배 만들기(1)
- 문자열 정렬하기 (1)(1)
- jquery(1)
- 단방향 바인딩(1)
- x만큼 간격이 있는 n개의 숫자(1)
- 피자 나눠 먹기 (2)(1)
- 최댓값 만들기 (2)(1)
- reducers(1)
- 여정 18일차(1)
- 숫자 비교하기(1)
- 배열 원소의 길이(1)
- 나이 출력(1)
- 여정 53일차(1)
- 여정 59일차(1)
- 실전 프로젝트(1)
- CSS(1)
- A로 B 만들기(1)
- 몫 구하기(1)
- html(1)
- 중앙값 구하기(1)
- fork(1)
- 정수 제곱근 판별(1)
- 여정 62일차(1)
- 여정 48일차(1)
- 문자열안에 문자열(1)
- 여정 73일차(1)
- 여정 47일차(1)
- 컨트롤 제트(1)
- 평균 구하기(1)
- 얕은 복사 / 깊은 복사(1)
- 여정 20일차(1)
- 코딩 테스트(1)
- Record / Outer(1)
- 숨어있는 숫자의 덧셈 (2)(1)
- 기능 구현(1)
- 여정 23일차(1)
- 내적(1)
- 캐릭터의 좌표(1)
- 여정 8일차(1)
- 여정 71일차(1)
- 중복된 문자 제거(1)
- 문자열 내 마음대로 정하기(1)
- 중복된 숫자 개수(1)
- 최소직사각형(1)
- 여정 70일차(1)
- WIL(1)
- 진료순서 정하기(1)
- 여정 63일차(1)
- 여정 34일차(1)
- 한 번만 등장한 문자(1)
- 회고 1일차(1)
- k의 개수(1)
- 얕은 복사(1)
- 머리글(1)
- 실행 컨텍스트(1)
- 여정 41일차(1)
- 대문자와 소문자(1)
- 여정 1일차(1)
- 여정 66일차(1)
- 다항식 더하기(1)
- aws(1)
- seo(1)
- 여정 27일차(1)
- 두 수의 나눗셈(1)
- 여정 43일차(1)
- 직사각형 넓이 구하기(1)
- 여정 36일차(1)
- 여정 44일차(1)
- 모음 제거(1)
- 여정 69일차(1)
- 나머지 구하기(1)
- ES6 문법(1)
- 배열의 유사도(1)
- 여정55일차(1)
- 항해 99(1)
- 자릿수 더하기(1)
- 여정 32일차(1)
- 여정 31일차(1)
- 배열의 평균값(1)
- 양꼬치(1)
- 최빈값 구하기(1)
- 배열 자르기(1)
- 편지(1)
- 삭제하기(1)
- 문자열 정렬하기 (2)(1)
- 파이썬(1)
- 여정 16일차(1)
- 여정50일차(1)
- 저주의 숫자 3(1)
- 숨어있는 숫자의 덧셈 (1)(1)
- 소인수분해(1)
- 제곱수 판별하기(1)
- 여정 2일차(1)
- 문자열 뒤집기(1)
- LV 0(1)
- 여정 60일차(1)
- 여정 54일차(1)
- 회고 3일차(1)
- 여정51일차(1)
- 팩토리얼(1)
- 두 정수 사이의 합(1)
- 직각삼각형 출력하기(1)
- 로그인(1)
- 짝수의 합(1)
- 개미 군단(1)
- 종이 자르기(1)
- 다음에 올 숫자(1)
- 협업회고(1)
- TIL(1)
- 2차원으로 만들기(1)
- 세균 증식(1)
- 완주하지 못한 선수(1)
- 점의 위치 구하기(1)
- 클론 코딩 후기(1)
- 깊은 복사(1)
- 여정 9일차(1)
- 여정 4일차(1)
- 두 수의 차(1)
- 클론코딩(1)
- 피자 나눠 먹기 (3)(1)
- 짝수 홀수 개수(1)
- 몽고DB(1)
- 특정 문자 제거하기(1)
- 부트스트랩(1)
- 여정56일차(1)
- 문자 반복 출력하기(1)
- 여정 22일차(1)
- 분수의 덧셈(1)
- 여정57일차(1)
- 로그인 성공?(1)
- 숫자 찾기(1)
- 여정 67일차(1)
- 여정 61일차(1)
- 모의고사(1)
- 두 수의 합(1)
- 여정 77일차(1)
- 영어가 싫어요(1)
- 순서쌍 개수(1)
- redux thunk(1)
- 여정 46일차(1)
- 자연수 뒤집어 배열로 만들기(1)
- 스파르파코딩(1)
- http(1)
- 인덱스 바꾸기(1)
- 짝수는 싫어요(1)
- 삼각형의 완성조건 (1)(1)
- 여정 6일차(1)
- 최댓값 만들기 (1)(1)
- 여정 45일차(1)
- 여정 52일차(1)
- 여정 26일차(1)
- 협업 회고(1)
한 주의 정리 - WIL
이번주(3월 20일 ~ 3월 26일) 실전 프로젝트 고난의 연속이었다.이번 실전 프로젝트의 하이라이트는 소셜 로그인과 프로파일의 Get API였다.먼저 네이버와 카카오톡 소셜 로그인을 구현을 마치었다. 사실 소셜 로그인 부분은 프론트에서 할 일이 그렇게 많지 않았다.
WebSocket - soket.js
3월 26일 여정 77일차이다. 오늘은 웹소켓에 대해 간단하게 알아볼까 한다.웹 소켓은 기본적으로 클라이언트와 서버 사이의 관계가 stateless하게 이루어져 있다.즉 클라이언트에서 Request를 날리면 서버에서 Response하는 과정으로 이루어져있다는 것이다.그
실전 프로젝트 - 회고 16일차
3월 25일 여정 76일차이다.오늘은 각각의 디자인 수정 작업을 끝마쳤다. 이후에 프로필의 get부분에서 데이터 바인딩의 골칫덩어리를 해결하였다.트러블 슈팅은 이러하다.프로필을 수정 후에 수정된 프로필의 정보로 불러와 지지 않는 문제였다.useEffect의 의존성 배열
실전 프로젝트 - 회고 15일차
2월 24일 여정 75일차이다. 백엔드의 API 수정이 이루어졌다. 이유는 디자인에 있는 기능을 추가하기 위해서였다. 이를 위해서는 지금 구현해놨던 무한 스크롤 관련 API가 전반적으로 수정이 이루져야 했다.현재는 카테고리 페이지에만 무한 스크롤이 들어가있지만, 메인페
실전 프로젝트 - 회고 14일차
2월 23일 여정 74일차이다.전반적인 Profile 수정과 Navbar css 수정 작업이 주를 이루었다. 이후에 디자인 세부 수정과 login 리덕스 모듈 및 Email 로그인 부분 파일 수정을 하게 되었다.css 부분은 아무리 고쳐도 해야될 일이 계속 생긴다. 기
실전 프로젝트 - 회고 13일차
2월 22일 여정 73일차이다.무한 스크롤 기능을 구현을 하였다. Tag 페이지에 각 카테고리 별로 페이지가 나올 때 무한 스크롤을 적용시켰다. 그러나 문제가 발생했다. 홈에서 다른 카테고리로 첫 이동을 할 때는 문제가 없지만, 다른 카테고리에서 다른 카테고리로 이동
실전 프로젝트 - 회고 12일차
2월 21일 여정 72일차이다.오늘은 전반적인 코드 리팩토링을 하는 날이었다. 모든 페이지와 컴포넌트를 둘러보면서 반복되는 코드나 함수를 깔끔하게 정리하였다. 그 대상 중에 하나였던 search 페이지에 반복되는 함수를 최대한 줄이려고 많은 생각을 하게 되었다. 대표적
Web RTC (2) - 서버 종류
2월 20일 여정 71일차이다.오늘은 실전프로젝트에서 구현하게 될 Web RTC의 서버 종류에 대해 간단하게 알아보고자 한다.peer 간의 offer, answer라는 session 정보 signal만을 중계한다. 따라서 처음 WebRTC가 peer간의 정보를 중계할
한 주의 정리 - WIL
이번주 (3월 13일 ~ 3월 19일) 실전 프로젝트 진행 중에 피곤함과 스트레스의 연속이었다.항해 99에 들어와서 실전프로젝트를 진행할 수록 나의 스트레스는 쌓여만 간다.협업에서 안풀리는 과정은 아직까지는 없다. 그렇지만 진행이 될 수록 미래가 막막해져 가는 이유가무
Web RTC (1) - 기술 및 프로토콜
2월 19일 여정 70일차이다.오늘은 실전프로젝트에서 구현하게 될 Web RTC의 이론에 대해 간단하게 알아보고자 한다.WebRTC(Web Real-Time Communication)란 웹 브라우저 환경 및 Android, IOS 애플리케이션에서도 사용 가능한 비디오,
실전 프로젝트 - 회고 9일차
3월 18일 여정 69일차이다.오늘은 라디오 어플리케이션에서 컴포넌트 중에 하나인 Profile 컴포넌트를 수정하고 리덕스 모듈을 분리하는 작업을 하였다. 벡엔드에서 만들어놓은 API를 통하여 프로필의 정보를 받아오고 리덕스 thunk와 리덕스 state managem
실전 프로젝트 - 회고 8일차
3월 17일 여정 68일차이다.오늘은 redux thunk 모듈 생성과 로컬 스토리지에서 생기는 오류들에 대해서 해결하였다. 날이 갈수록 무엇인가 진전은 있지만 사실 주요 기능인 web socket과 web RTC를 이론만 공부만했지 구현된 것이 없기에 너무 걱정이 된
실전 프로젝트 - 회고 7일차
3월 16일 여정 67일차이다.오늘은 로그인 페이지 css 작업을 위주로 하루를 시작하였다. css작업 후에 라디오 만들기 페이지 만들고 이후 컴포넌트 분리 작업을 하였다. 분리 작업은 매우 어려웠다. 라디오 만들기 페이지에 기능이 생각보다 많이 들어가는데 그것을 따로
실전 프로젝트 - 회고 6일차
오늘은 본격적으로 css작업에 들어갔다. 디자인 작업에 들어갔다. 디자이너가 와이어 프레임 작업을 마쳤기 때문이다. 와이어 프레임을 짜면서 모두가 기능과 디자인을 고려하면서 이야기를 나누었다. 사실 디자이너와 가장 많이 소통하게 될 개발자는 프론트엔드이지만 기능 부분이
실전 프로젝트 - 회고 5일차
3월 16일 여정 65일차이다. 오늘은 API 통신 부분에 전반적으로 모듈화 작업을 하였다. Axios와 redux thunk를 사용하는 만큼 겹치는 부분이 있었다. 그 부분을 class로 만들어 따로 api 폴더에 빼놓았다. 또한 axios로 통신할때, 항상 toke
실전 프로젝트 - 회고 4일차
3월 13일 여정 64일차이다.오늘은 전반적인 프론트엔드 밑작업을 하였다. 필요한 폴더와 파일을 만들고 기본적인 라이브러리와 style을 세팅해놓았다. 아직 api가 나오지 않았기 때문에 여기 이상의 작업은 사실상 불가능하다 판다했다.이후에 sockJS에 대해 공부를
한 주의 정리 - WIL
이번주(3월 6일~ 3월 12일) 클론 코딩부터 실전 프로젝트의 시작까지 너무 바쁘다.1\. 깃 컨벤션, 팀으로 작업할때 서로간의 약속이다. 스크롤의 마지막을 ref로 지정해준다. 백엔드에서 API 주소를 설정, 원하는 만큼 fetch를 하게 해준다. useEffect
실전 프로젝트 - 회고 3일차
3월 12일 여정 63일차이다.어제 하지 못한 디자인 작업을 계속 이어나갔다. 주말인데도 불구하고 쉬는 날 없이 디자이너가 와서 작업을 해나갔다. 나 역시 오전에 socket.io와 WebRTC를 공부하였다. 사실 socket.io는 너무 자료가 많았다. 덕분에 쉽게
실전 프로젝트 - 회고 2일차
3월 11일 여정 62일차이다.디자이너와의 협업은 난생 처음이었다. 평소에는 접하지 못했던 광경과 언어들 때문에 모든게 낮설었다. 디자이너가 하는 것들이 곧 프론트엔드와 직결된다는 것에서 두렵기도 했다. 왜냐하면 프론트엔드 인원은 2명밖에 없었기 때문이다.너무 많은 양
실전 프로젝트 - 회고 1일차
3월 10일 여정 61일차이다.기나긴 준비를 끝으로 실전 프로젝트에 들어갔다. 이제는 실전이다. 마지막 그동안 연습한 것들을 토대로 작품을 만드는 시간이다. 기간은 6주이다. 기간이 긴 만큼 스코프도 크고 또한 들어가는 기능들도 많아질 것이다. 다만 나의 걱정이 현실로