- 전체보기(200)
- 프로그래머스(105)
- 항해99(89)
- 스파르타코딩(49)
- 스파르타 코딩(39)
- 부트 캠프(12)
- 실전프로젝트(8)
- 사전 스터디(5)
- 불변성(4)
- redux(4)
- 알고리즘(4)
- 자바스크립트(3)
- ES6(3)
- 여정 28일차(3)
- 트러블슈팅(3)
- 여정 35일차(3)
- 여정 14일차(3)
- 데이터 타입(3)
- React.memo(2)
- useEffect(2)
- 깃 컨벤션(2)
- useState(2)
- 여정 7일차(2)
- GET(2)
- react router dom(2)
- custom hook(2)
- export / export default(2)
- POST(2)
- 비동기처리 지원(2)
- async/await(2)
- 여정 42일차(2)
- 여정 21일차(2)
- ES5(2)
- lifecycle(2)
- 프로젝트(2)
- Fetch(2)
- react-query(2)
- 여정 12일차(2)
- 컴포넌트(2)
- record(2)
- useMemo(2)
- useRef(2)
- undefined(2)
- github(2)
- outer(2)
- 함수(2)
- WEBRTC(2)
- Flask(2)
- 깃(2)
- this(2)
- Redux Tunk(2)
- 싱글 스레드(2)
- 양방향 바인딩(2)
- 메서드(2)
- 스코프(2)
- axios(2)
- 콜백함수(2)
- JSON Server(2)
- Select / Input(2)
- 가변성(2)
- 파싱(2)
- 무한 스크롤(2)
- useCallback(2)
- git(2)
- 협업의 결과(2)
- JWT(2)
- virtual DOM(2)
- API(2)
- instance / intercepter(2)
- 깃허브(2)
- promise(2)
- 클로저(2)
- ES(2)
- Throttling & Debouncing(2)
- null(2)
- 여정 49일차(2)
- 여정 15일차(1)
- 약수의 합(1)
- 웹스크래핑(1)
- OX퀴즈(1)
- reduxtoolkit(1)
- 연속된 수의 합(1)
- 도메인(1)
- 두 수의 곱(1)
- 합성수 찾기(1)
- 비밀지도(1)
- 여정 30일차(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)
- 공 던지기(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)
- 약수 구하기(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)
- 여정 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)
- 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)
- 영어가 싫어요(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)
- 구슬을 나누는 경우의 수(1)
- SSR CSR(1)
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주이다. 기간이 긴 만큼 스코프도 크고 또한 들어가는 기능들도 많아질 것이다. 다만 나의 걱정이 현실로
리엑트 - json-server
3월 9일 여정 60일차이다.json-server란, 아주 간단한 DB와 API 서버를 생성해주는 패키지 이다. 우리가 json-server를 사용하는 이유는 Backend(이하 BE)에서 실제 DB와 API Server가 구축될 때까지 Frontend(이하 FE) 개
클론 코딩 - 클론 코딩 후기
3월 8일 여정 59일차이다.웹사이트 클론코딩 주차가 끝이 났다. 프론트엔드 인원 3명이서(물론 백엔드도 있다.) 한 웹페이지를 최대한 똑같이 클론 코딩을 하는 것이 목표였다.일단 너무 좋은 경험이었다. 이전의 미니 프로젝트와는 다르게 스코프를 좁게 잡는 대신에 코드
클론 코딩 - 무한 스크롤
3월 7일 여정 58일차이다.오늘의 클론코딩때 적용했던 무한 스크롤에 대해 간단하게 코드 리뷰 하려고 한다.스크롤의 마지막에 ref로 지정해주어야 한다.백엔드에서 API 주소를 설정하여 페이지를 원하는 만큼 fetch를 하게끔 해준다.useEffect를 사용하여 페이지
깃허브 - 깃 컨벤션
3월 8일 여정 57일차이다.오늘은 깃 컨벤션에 대해 간단하게 정리하고자 한다.Feat 새로운 기능을 추가한 경우Fix 에러를 수정한 경우Design CSS 등 UI 디자인을 변경한 경우BREAKING CHANGE 중대한 API를 변경한 경우HOTFIX 급하게 치명적인
한 주의 정리 - WIL
이번주(2월 27일 ~ 3월 5일) 백엔드와 프론트엔드가 프로젝트를 만들고 서로 협업을 경험하는 시간이었다.1\. 리엑트 쿼리를 사용하면서 staleTime이라는 것을 알게 되었다. staleTime은 리엑트 쿼리가 캐싱한 데이터가 stale하다고 판단해 서버에서 데이
리엑트 - Fetch
3월 5일 여정 56일차이다.Fetch라는 것은 ES6부터 도입된 Javascript 내장 라이브러리이다. Promise 기반 비동기 통신 라이브러리이다. axios처럼 데이터를 다루기 쉽고, 내장 라이브러리이기 때문에 별도의 설치 및 import를 필요로 하지 않는다