yejinh.log - mysetting

4:36 5/30

velog.io

mobile screenshot relative

4:36

velog.io

mobile screenshot

yejinh.log
https://velog.io/@yejinh

꿈꿀 수 있는 개발자가 되고 싶습니다

저작도구: velog

최종 피드 수집: 2025-01-11 16:46

전체 (21)

15h

next router 라우팅 블로킹

작성한지 약 2년이 지나 nextjs 15가 나온 시점이고 해당 레포는 파일 라우팅으로 전환되어있지만.. 임시저장에 있는 글을 올려본다.. 현재는 많이 달라졌을 수 있는 점 주의
상황
nextjs 라우터를 커스텀하게 사용하고 있고

000

3y

콘텐츠 임베드에 oEmbed 사용하기

올 초에 리치 에디터 내에 콘텐츠 임베드 작업을 하면서 oEmbed 라는 포맷을 처음 접했다.
사용자가 url입력시 youtube, vimeo, twitter와 같은 콘텐츠를 임베드해서 띄워주는 작업이었는데, 단순히 특정 프로바이

000

4y

Javascript 형변환

Javascript에 관한 여러가지 meme들을 보면서 키득거리다가도 간혹 헷갈리는 부분들이 있어 한번 짚고 넘어가고자(제대로 알고 웃고자) 강제 형변환에 대해 정리해봅니다.
잘못된 정보는 정정 바랍니다. 감사합니다.
Type c

000

4y

Intersection Observer로 Lazy Image 구현

지난 Intersection Observer로 무한 스크롤 구현하기에 이은 React와 Intersection Observer를 사용하여 lazy image load 구현하기를 작성해보려 한다.
반 년 전 (이제는 전회사가 된)

000

4y

자바스크립트 null 병합 연산자와 옵셔널 체이닝

틀린 것 잘못된 것들은 올바르게 잡아주시면 감사하겠습니다.

Nullish coalescing operator (null 병합 연산자)
nullish coalescing operator ??은 nullish한 값(null 혹은

000

4y

[알고리즘 - LeetCode] Implement strStr()

문제
Implement strStr().
Return the index of the first occurrence of needle in haystack, or -1 if needle is not part of haystack.

000

4y

useCallback과 React.Memo을 통한 렌더링 최적화

실제로 사용해 보기 전까지는 이해하기 어려웠던 useCallback과 React.memo에 대해 작성해보려고 한다.
나를 포함한 많은 신입 개발자분들이 리액트 함수형 컴포넌트를 최적화하기 위해 shouldComponentUpdat

000

4y

Intersection Observer로 무한 스크롤 구현하기

잘못된 정보들이 있다면 지적 부탁드립니다.
최근 react를 사용한 면접 과제에서 여러 요구사항 중 하나로 페이지네이션 구현이 있었는데 window scroll 이벤트는 여러 번 써보기도 했고 이번에 새로 알게된 Intersec

000

4y

바닐라코딩 부트캠프를 마치고

요즘 여러 군데 면접을 다니면서 회사마다 다양한 질문을 받는데 하나도 빠짐없이 모든 회사들이 묻는 공통된 질문 하나가 개발을 시작하게 된 계기였다. 준비해두었던 것은 아니지만 자연스레 개발을 접하게 된 계기와 이후의 선택들, 그

000

4y

바닐라코딩 프렙 수강 후기

2019년 6월 15일에 미디엄에 작성했던 글을 옮겨왔습니다.
수강 신청을 하기 전과 수업을 시작하기 전에 궁금했던 사항들이 많아서 몇 달이나 같은 후기를 보고 또 보고 했었다. 그래서 미래의 나와 같은 이에게 위안과 도움이 되고

000

4y

자바스크립트 비동기 처리 방식

blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다.
잘못된 사항들이 있다면 지적바라며..

000

5y

자바스크립트 Object Oriented Programming(OOP)

OOP?
객체 지향 프로그래밍이 컴퓨터 프로그래밍 패러다임 중에 하나인 것은 알겠는데.. 그래서 그러니까 객체 지향 프로그래밍이 뭐야? 하고 궁금한 것이 개인적으로 당연한 것 같다. 잡힌 듯 잡힌 듯 하지만 한편으로는 실체가 전혀

000

5y

Same-Origin Policy 동일 출처 정책과 CORS 에러

동일 출처 정책 Same-Origin Policy
동일 출처 정책(same-origin policy)은 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식입니다. 동일

000

5y

데이터베이스 SQL & NoSQL

SQL & NoSQL의 등장
데이터를 컴퓨터 내에 보관하기 시작한 이후부터 불가피하게 발생한 여러 문제점들을 보완하다보니 파일시스템이 점차 발전하게 된다.
각각의 문제점들과 보완된 DB방식의 가장 큰 축에 1970년대에 만들어진

000

5y

ios 앱 배포 과정 - 3

개인적인 기록을 위해 작성하는 글입니다. 잘못된 정보에 관한 지적은 감사히 생각합니다.
App.json 설정
먼저 App.json 파일에 bundleIdentifier key - value 값 설정이 필요하다.
처음이기도 했고

000

5y

ios 앱 배포 과정 - 2

개발자 등록을 위한 결제
어제는 결제 페이지로 넘어가는 중에 계속해서 에러가 나길래 내부적인 문제인가 싶어서 오늘 재시도를 했는데 드디어, 드디어 결제가 진행되었다.
신나서 혼자 내적 외침을 질렀다. 나.. 2019년 마지막 토요

000

5y

자료구조 Data Structures

자료구조
내가 이해한 선에서 간단하게 축약하자면 자료구조란 데이터 값들을 담아두는 방식을 의미한다.
하나의 데이터를 한 장의 종이로 빗대었을 때 종이를 뭉치로 엮어둘 수도 있고 한 장씩 파일에 껴놓을 수도 있고 바닥부터 쌓아두거나

000

5y

ios 앱 배포 과정 - 1

개인적인 기록을 위해 정리하는 글입니다.
시작은 2차 프로젝트
1차 프로젝트로 웹 기반 프로그램을 만들었다. 필요한 데이터를 쌓기 위해서는 크롬 익스텐션 구현이 필요했는데 자료 서치 + 공부를 하며 완벽하지 않아도 이렇게 저렇게

000

5y

express 미들웨어 body-parser 모듈

서버 공부를 시작하며 요청에 대한 응답을 주는 과제를 하는 중에 node.js 의 모듈 bodyParser의 존재를 알게 되었다.
bodyParser 모듈 없이는 post, put 요청 메소드의 request.body를 읽어올 수

000

5y

Event Loop

자바스크립트는 single-threaded 언어이다.
single-threaded란 호출한 함수들이 쌓이는 call stack이 하나인 것을 의미한다.
즉, call stack이 하나인 자바스크립트는 한 번에 한 가지만 수행할 수

000