- 전체보기(109)
- 코딩테스트(67)
- leetcode(62)
- medium(42)
- easy(17)
- trouble(13)
- tree(12)
- dynamic programming(11)
- linked list(9)
- DFS(8)
- JavaScript(7)
- python(7)
- Two pointers(6)
- BFS(6)
- Backtracking(6)
- 입문(5)
- Hash Table(5)
- Inflearn(5)
- React(5)
- 백준(4)
- Binary Search(4)
- recursion(4)
- Graph(3)
- greedy(3)
- design(3)
- Sort(2)
- JWT(2)
- hard(2)
- js(2)
- styled component(2)
- web(2)
- graph traversal(2)
- npm(2)
- babel(2)
- stack(2)
- HMAC SHA-256(1)
- profile(1)
- connect()(1)
- nodemailer(1)
- oAuth(1)
- 삼성 코테 기출(1)
- yarn(1)
- mongo(1)
- Sliding Window(1)
- status code(1)
- Union Find(1)
- input(1)
- 대기업 서버개발 현직자가 알려주는 서버개발 실무(1)
- Trie(1)
- enableReinitialize(1)
- 우분투(1)
- await(1)
- binary tree(1)
- useEffect(1)
- 분류(1)
- oauth2(1)
- 후기(1)
- async(1)
- node.js(1)
- parameter(1)
- hasOwnProperty(1)
- network(1)
- in(1)
- mongoose(1)
- print(1)
- webpack(1)
- material ui(1)
- @babel/plugin-transform-runtime(1)
- 프린터(1)
- pug(1)
- OAuth2.0(1)
- 설치(1)
- mongodb(1)
- Semantic Versioning(1)
- Selective dependency resolutions(1)
- pdf(1)
- 직무부트캠프(1)
- two pointer(1)
- 2lo authentication(1)
- data type(1)
- compress(1)
- 직무(1)
- catalan number(1)
- State(1)
- 함수(1)
- API architecture(1)
- ncu(1)
- Formik(1)
- hook(1)
- BrowserRouter(1)
- js package(1)
- dependency(1)
- @babel/polyfill(1)
- SemVer(1)
- 명령어(1)
- array(1)
- cycle check(1)
- Fetch(1)
- aws(1)
- express(1)
- passport(1)
- Bit manipulation(1)
- svg(1)
- 의존성(1)
- 단축키(1)
- string interpolation(1)
- tips(1)
- kadane's algorithm(1)
- 보안(1)
- StaticRouter(1)
- react router(1)
- session(1)
- comento(1)
- common-tags(1)
- Default Value(1)
- 입력(1)
- server side rendering(1)
- 삼성 sw 기출(1)
- service account(1)
- object(1)
- npm-check-updates(1)
- unexpected token(1)
- variable(1)
- Server Rendering(1)
- programmers(1)
- social-login(1)
- passport.js(1)
- checked(1)
- radio(1)
- http(1)
- ubuntu(1)
- queue(1)
- Topological Sort(1)
- IAM(1)
- 과제관(1)
- REST(1)
- 흐름 제어(1)
- heap(1)
[programmers 과제관] 고양이 사진첩 애플리케이션 복기
문제 바로가기해설 바로가기냥캣이번 하반기 Dev-Matching 프론트엔드 과제를 대비하기 위해 지난 상반기 문제인 고양이 사진첩 애플리케이션문제를 풀어보고 해설과 함께 복기해봤다.필수 구현사항과 옵션 구현사항은 다음과 같았다.app이라는 class를 가진 main에
[백준 7569] 토마토
문제 바로가기가중치가 없는 그래프에서 다중 시작점에서부터 모든 칸까지의 최단 거리를 구하는 문제출처 - https://solved.ac/contribute/7569알고리즘 - \[백준 7576] 토마토와 동일익은 토마토의 위치를 queue에 삽입queue의 익
[백준 7576] 토마토
문제 바로가기가중치가 없는 그래프에서 다중 시작점에서부터 모든 칸까지의 최단 거리를 구하는 문제출처 - https://solved.ac/contribute/7576알고리즘익은 토마토의 위치를 queue에 삽입queue의 익은 토마토들을 dfs로 순회하며 주변의
[passport.js] state 매개변수로 Oauth Callback API에 데이터 전달하기
passport.js를 사용해 구글, 네이버, 카카오 소셜로그인을 구현했었다.클라이언트로부터 소셜 로그인 요청이 들어올 때 로그인하는 사용자의 종류가 query로 주어지는데, 소셜 로그인 이후 redirect되는 callback API에서 이 값을 사용하고 싶었다.처음
[Nodemailer] 일반 gmail 계정으로 2LO authentication을 구성했을 때 unauthorized_client 에러가 발생하는 이유
기존에는 3-legged OAuth2 authentication 구성으로 nodemailer transporter를 생성했었다. 이는 앱 => 사용자 동의 => 사용자 데이터 획득의 흐름으로 진행되는데 이 사용자 동의를 위해서는 로그인이 필요했다. 하지만 서버에서 메일
[Webpack & Babel] svg import시 Unexpected token 에러 해결하기
webpack에서 build 과정에서 svg 파일을 처리할 loader가 필요하다는 내용의 에러가 발생했다.img src에 이용하는 경우 (기존의 png나 jpg 이미지를 가져오는 방식)svg를 React 컴포넌트로 사용하기svgr을 통해 React Component로
[Leetcode] 617. Merge Two Binary Trees
You are given two binary trees root1 and root2. 중략...Return the merged tree.
[Leetcode] 763. Partition Labels
You are given a string s. We want to partition the string into as many parts as possible so that each letter appears in at most one part.
[React Hook] useEffect를 사용한 데이터 fetch
컴포넌트내에서 데이터를 동적으로 가져오므로 state 사용useEffect를 사용해 rendering 이후 fetch. 이후 state 갱신useEffect의 두 번째 매개변수로 빈 배열을 주어서 첫 컴포넌트 마운트 시에만 render하도록 해야한다!그렇지 않으면 re
[Javascript] 객체의 key 존재 여부 확인 - in vs hasOwnProperty
in: 해당 객체의 prototype chain까지 포함한 모든 객체 키를 조회한다.hasOwnProperty: 해당 객체가 해당 키를 직접적으로 가질 때만 true를 반환한다.별다른 이유가 없다면 hasOwnProperty를 사용하자!해당 객체의 hasOwnPrope
[Ubuntu] pdf 압축하기
Notion에 PDF를 업로드하는 과정에서 10MB이상의 파일은 유료 요금제부터 가능하다는 것을 알았다.윈도우였다면 NesPDF를 사용해 resize했겠지만, 현재 사용하는 환경은 우분투여서 어떻게 해결할지 검색하본 결과 linux 배포판에 기본적으로 설치되어 있는 g
[Material UI] Radio Input 클릭시 checked가 반영되지 않는 문제
연동 페이지 https://stackworx.github.io/formik-material-ui/docs/api/material-ui/#radiogroup radio가 체크가 안되는 문제 참고 및 출처 Dynamic FormControlLabel Radio ins
[Formik] Formik Form 내부에서 사용한 state가 업데이트되지 않을 때
Formik의 Form 내부의 컴포넌트에서 state값 careers을 사용했다. 그런데 해당 state값이 업데이트되었을 때 Formik의 initialValues는 정상적으로 갱신된 값이 할당되지만, 내부의 컴포넌트에서는 이전 state값을 그대로 사용하는 문제가
[React] regeneratorRuntime is not defined 에러 해결
React에서 ES8 문법인 async/await를 사용해 비동기 함수를 작성하면 브라우저에서 다음과 같은 에러가 발생한다.애플리케이션이 컴파일될 때, regeratorRuntime이 async/await 문법을 번역하도록 했는데 해당 regenerator를 제공하지
[AWS] IAM(Identity and Access Management) 정리
AWS IAM 사용 설명서 바로가기AWS 리소스에 대한 액세스를 안전하게 제어할 수 있는 웹 서비스.사용자가 리소스를 사용하기위해 IAM을 사용한 인증(로그인) 및 권한 확인을 거치게 한다AWS 계정을 처음 생성할 때는 해당 계정의 모든 AWS 서비스 및 리소스에 대한
[Python] 함수 호출시 이전에 생성된 mutable default value를 재사용하는 문제
python params 초기 값을 설정해놓으면 해당 값은 객체 생성이나 함수 호출 시 매개변수가 누락되었을 때 사용된다. 그런데 그 과정에서 생각지 못했던 side-effect가 있었다. 기본 값으로 primitive가 아닌 자료형을 설정할 경우, 매번 그 자료형
[Pug] 동적으로 html tag 렌더링하기
React app을 express에서 server side rendering하는 과정에서 string으로 변환한 app을 pug에 삽입하는 방법을 잘 몰라 해맸다.
[React Router] Server Rendering시 라우터 처리
참고 및 출처 \React Router Docs] Server Rendering - [바로가기
[Styled-Components] Server Side Rendering을 위한 style 추출
현재 개발중인 프로젝트는 React와 Express를 사용하고 있다. 사용자가 처음 접속할 시에는 Express 서버에서 React 앱을 Server Side Rendering한 페이지를 제공하도록 작성했는데, 첫 로드 시에 Styled-Component를 사용한 el
[Yarn] 간접 의존성 문제 해결 (Selective dependency resolutions)
패키지를 설치하다보면 내가 직접 설치하지 않은 패키지에서 deprecated 등의 에러나 경고를 발생시킬 때가 있다. 이는 다른 패키지의 의존성 때문에 설치된(sub-dependency) 패키지인데 yarn upgrade로는 이 문제가 해결되지 않았다.이 때 사용할 수