profile
https://github.com/jsw4215
태그 목록
전체보기 (310)알고리즘(23)항해99(19)DFS(16)BFS(12)그래프(7)최단경로(7)DP(6)백준(6)이진트리(5)정렬(5)WEBRTC(4)다익스트라(3)해시테이블(3)스택(3)(3)연결리스트(3)이분탐색(3)Backtracking(3)ICE candidate(2)(2)LIS(2)socket.io(2)ICE(2)배열(2)플로이드워셜(2)병합정렬(2)redux(2)code_splitting(2)유효성검사(1)reduxtoolkit(1)부트캠프추천(1)항해99단점(1)callback(1)route53(1)React(1)리덕스(1)TURN(1)연결 리스트(1)dijkstra(1)Arrow_Function(1)문자열 조작(1)팰린드롬??(1)라이프사이클(1)throttle(1)debounce(1)await(1)useEffect(1)ajax(1)미세먼지(1)조합(1)일일온도(1)데크(1)async(1)react-select(1)항해99솔직후기(1)우선순위큐(1)ESLint(1)viewer(1)공공마스크판매소(1)보석과돌(1)문자열(1)IntersectionObserver API(1)TOAST UI(1)https(1)단방향리스트(1)세수의합(1)수학(1)리트코드(1)angr(1)regex(1)효율성(1)editor(1)mockApi(1)heapq(1)DOM(1)문자열정렬(1)history(1)axios(1)reset(1)퀵정렬(1)역순연결리스트(1)tailwindCSS(1)git reset(1)섬의개수(1)명령어(1)Markdown(1)재귀(1)삽입정렬(1)Intent(1)v6(1)aws(1)github(1)STUN(1)IntersectionObserver(1)lazy(1)14400(1)상위K빈도요소(1)항해99장점(1)머지소트(1)z3(1)파이썬(1)loadable(1)Suspense(1)Listener(1)중복문자제거(1)생명주기(1)오늘의문제(1)git(1)cloudfront(1)STUN Server(1)가상돔(1)정규표현식(1)hooks(1)애너그램(1)promise(1)배열파티션(1)LCP(1)API(1)순열(1)노드(1)리스트(1)S3(1)두정렬리스트의병합(1)react router dom(1)

[알고리즘] 무지의 먹방 라이브

효율성이 얼마나 중요한지 알게해주는 유명한 문제라고한다.알고리즘 코스를 듣다가 이코테 책에 있던 문제를 풀어보았었는데처음엔 로직이 그리 어렵지 않네? 라고 착각했었다.답이 나오는 로직이 문제가 아니라 효율성있게 코드를 작성하는 것이 문제였다.문제를 보면,무지의 먹방 라

2022년 4월 25일
·
0개의 댓글

항해99 5기 수료 후기

항해99 5기를 수료하였습니다. 수료하고 항해가 끝나도, 여전히 이력서 쓰랴, 포트폴리오 수정하랴, 코테준비하랴 바쁘게 지내는건 마찬가지네요 스스로 만족할 때까지 바쁘게 지낼 생각입니다. 각설하고 후기 시작하겠습니다. 1. 항해99 참여 계기 항해99에 참여하

2022년 4월 22일
·
0개의 댓글

[리액트] git commit history 되돌리기

git log커밋 기록을 확인하고,git reset HEAD~4최근 4개의 커밋을 삭제하겠다.git push -f 로컬브랜치 원격브랜치원격의 커밋 내역도 업데이트 하겠다.

2022년 4월 11일
·
0개의 댓글
post-thumbnail

[리액트] webRTC

항해99와 함께한 마지막 실전 프로젝트티밍 바로가기프로젝트에서 가장 신경쓰고 익히기 위해 애쓴 webRTC를 어떻게 이해하고 사용했는지 정리해보도록 하겠다.웹/앱에서 별다른 소프트웨어없이 카메라, 마이크 등을 사용해서 실시간 커뮤니케이션을 제공해주는 기술입니다.웹 상에

2022년 4월 11일
·
0개의 댓글
post-thumbnail

서비스 배포

웹 서비스를 배포해보았다처음으로 웹 사이트 도메인을 구입해 서비스를 배포해보았다.6주간의 프로젝트팀원 : 프론트엔드1명 백엔드2명 디자이너1명 총4명팀장 : 나서비스 : 디자이너, 개발자를 위한 팀프로젝트 구성 및 의사소통 공간 제공 서비스핵심기술 : webRTC를 이

2022년 4월 10일
·
0개의 댓글

[리액트] react-router-dom v6 redux에서 navigate('/')하며 데이터 넘기기

react-router-dom v6에서는 useHistory();를 이용하여 다른 라우터에 접근하는것이 아닌, useNavigate()를 이용한다.문제는 redux middleware에서 페이지 넘기기를 시도하려고 할때 useCreateBrowserHistory를 co

2022년 3월 18일
·
1개의 댓글

[리액트] TailwindCss 적응기

기본적으로 사용할 명령어https://flexboxfroggy.com/justify-contentflex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.center: 요소들을 컨테이너의 가운데로

2022년 3월 16일
·
0개의 댓글

[리액트] Too many re-renders. React limits the number of renders to prevent an infinite loop.

단순히 props로 받은 데이터를 onClick 이벤트가 발생했을 때 파라미터로 넘겨줄 생각이었다. 근데 뜬금없는 에러가 발생..셀렉터 클릭이벤트 발생시, 함수를 호출하여 해당 함수 내부에서 setState를 하게 되니 무한 리로딩이 발생하였다.해결방법화살표함수를 on

2022년 3월 13일
·
0개의 댓글

[React] TOAST UI, Editor, Viewer

원래 React 프레임워크없이 TOAST UI View와 Editor를 적용했었다.해당 프로젝트를 하면서 React로 바꾸고 싶어서 코드를 싹 다 갈아엎고 있다.사실 CSS는 부트스트랩과 복사 붙여넣기가 있으니 빨리 적용 가능했지만 TOAST UI 라이브러리 적용하는

2022년 3월 13일
·
0개의 댓글

[리액트] STUN server

STUN 서버stun 은 Session Traversal Uilities for NAT의 약자이다.NAT환경에서는 Private IP를 별도로 가지고 있기 때문에 Peer to Peer(이하 P2P) 통신이 불가능 하다. 따라서 클라이언트는 자신의 Public IP를

2022년 3월 11일
·
0개의 댓글

[리액트] ICE candidate

Network 정보 (ICE Candidate) 교환하기세상 어딘가에 있는 상대 peer 를 찾아 연결을 맺기 위해선, 네트워크 정보를 교환해야합니다. 이 때, 중간 매개자 역할로서 별도의 서버인 Signaling Server 가 필요합니다. 순서는 다음과 같습니다.s

2022년 3월 11일
·
0개의 댓글

[리액트] webRTC

https://surprisecomputer.tistory.com/14

2022년 3월 7일
·
0개의 댓글

[리액트] react-select

https://ichi.pro/ko/react-selectleul-sayonghamyeon-seontaeg-ganeunghan-menyuleul-swibge-mandeul-su-issseubnida-102933182537945

2022년 3월 7일
·
0개의 댓글

[리액트] eslint

npx eslint --initnpm i eslint -D

2022년 3월 3일
·
0개의 댓글

[리액트] Express.js란 무엇인가?

Express.js는 Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 프레임워크다.NodeJS의 웹프레임워크를 사용하면 간편하게 웹서버를 구축 할 수 있습니다.웹프레임워크 종류는 대표적으로 Express, Koa, Hapi 등이 있는데

2022년 3월 2일
·
0개의 댓글

[리액트] Code Splitting & Loadable

싱글페이지 어플리케이션에서 번들 사이즈가 커지면 로딩속도나 성능면에서 문제가 생길 수 있다. 코드 스플리팅은 이것들을 여러개의 번들로 나누거나 동적으로 import 하는 기법을 말한다.React가 자체적으로 제공하는 React.lazy나 React.suspense도 있

2022년 3월 1일
·
0개의 댓글

[리액트] lazy와 suspense

react v16.6 이후부터는 코드 스플리팅을 위한 내장 함수인 React.lazy와 Suspense 컴포넌트가 생겼습니다.그 전 버전에서는 import 함수를 통한 비동기 로딩을 하며, 클래스형 컴포넌트를 사용해야 합니다.우선 자바스크립트 함수를 비동기 로딩해보겠습

2022년 2월 28일
·
0개의 댓글

[리액트] LCP - Largest Contentful Paint

최대 콘텐츠풀 페인트(LCP, Largest Contentful Paint)는 페이지의 메인 콘텐츠가 로드되었을 때 페이지 로드 타임라인에 해당 시점을 표시하므로 사용자가 감지하는 로드 속도를 측정할 수 있는 중요한 사용자 중심 메트릭입니다. LCP가 빠르면 사용자가

2022년 2월 28일
·
0개의 댓글

[리액트] eslint.json

2022년 2월 28일
·
0개의 댓글

[리액트] prettier.json

2022년 2월 28일
·
0개의 댓글