개발여행기

직장인으로 사회에 첫 발을 내딛고 9개월. 그간 적다면 적고 많다면 많은 일들이 있었다. 그리고 첫 실패 극복담을 남겨본다.

드디어 이직을 작심했다.이력서에 이 회사에서 했던 일들을 추가하고, 시험 삼아 몇 군데 회사에 이력서를 넣었다.세 곳 중 두 곳에서 연락이 왔고 한 회사에서 전화 인터뷰를 진행했다.

“비동기 프로그래밍”: 순서가 보장되지 않는 상황

CommonJS 등의 모듈은 트리쉐이킹이 안됨.∴ 번들 분석 진행 → 큰 크기의 종속성이 ESM 변형 패키지를 제공하는지 확인하여 교체.

업무 분류 체계(WBS) > 업무 분류 체계(Work breakdown structure, WBS)는 종속 관계를 바탕으로 프로젝트 결과물을 여러 계층으로 나눠 시각적으로 분류한다. 기본적으로 업무 분류 체계는 프로젝트 계획을 시각적 형태로 표현한다.

AWS CLI

Amazon S3의 정책 및 권한Amazon S3 버킷에 대한 권한(https://docs.aws.amazon.com/ko_kr/config/latest/developerguide/s3-bucket-policy.htmlAmazon S3 스토리지에 대한 퍼블릭

정리를 위해 벨로그에 노션 링크 일단 업데이트!https://haz23.notion.site/S3-CloudFront-b646132a2a364225abfbaffc6a6cfb99

클로저를 간과했다.호되게 당해버렸다.모던자바스크립트 딥다이브 책을 읽을 때만 해도 당장 쓸 일이 없을 것만 같았다.아니었다.그는 생각보다 가까이에 있었다.

CEO는 들어봤어도, SEO는 처음 들어보는 사람이 많을 것 같다. 회사에서 일을 하다보면 아무래도 개발자 중에 SEO에 관심을 갖고 있는 사람은 드물다. 게다가 이 작업을 위해서 가이드를 만들어줘도 서비스 만들기도 바쁜데 이런 것까지 해야되냐는 느낌으로 몇 달이 걸려

CSR과 SSR, 그리고 NEXT.js CSR vs SSR CSR과 SSR, 도대체 어디에서 렌더링할 것이냐, 그것이 문제로다! 꼭 햄릿이 된 것 마냥 프레임워크를 사용하는 개발자들의 머리를(특히 나 같은 주니어의 머리를) 아프게 하는 이 문제.

→ 프로그래밍 언어가 구동되는 환경자바스크립트 런타임 종류: 웹 브라우저, Node.js, Deno, Bun 등V8은 자바스크립트 엔진 중 하나V8은 오픈 소스 자바스크립트 엔진 중 하나웹어셈블리(WebAssembly) 엔진크롬 웹 브라우저와 Node.js 등에서 사용

구조 또는 비구조화된 형태로 프로그래밍 언어가 제공하는 값을 담을 수 있는 공간프로그래밍 언어마다 다르지만, 각 언어마다 데이터를 저장하는 데이터 구조 종류들이 있다. JavaScript에도 두 종류로 분류하여 여러 컬렉션이 구현되어있다.컬렉션의 분류는 ‘무엇을 기준으

함수 스코프와 블록 스코프는 스코프의 단위이며, 렉시컬 스코프는 이 스코프들의 범위를 결정하는 규칙이다.

즉시실행함수를 작동시키려면 가장 끝단 소괄호에 원하는 매개변수를 넣어주고, BOM의 객체들과 스토리지를 잘 활용해 브라우저에서 원하는 기능을 구현해보자!

💡 상태: 시간에 따라 변경되는 데이터, 렌더링에 영향을 끼치는 정보를 가진 객체

Prop Drilling 방식의 한계를 극복하기 위해 가장 먼저 등장한 건 Facebook(현 Meta)에서 발표한 단방향 데이터 흐름과 상태를 통합 관리하는 Store 개념이 담긴 Flux 아키텍처였다. 이를 기반으로 나온 게 바로 Redux 다.redux 동작 원리

타입 주석 && 원시 타입 && 리터럴 타입

배열 타입 && 튜플 타입

타입스크립트 객체 타입

geolocation은 GPS 또는 네트워크를 이용하여 현재 위치 정보를 객체로 반환하는 API로, 웹브라우저에서 지원한다.

이제는 익숙한 그 이름, RESTful API. 어느 채용공고에서나 흔하게 보이는 조건 중 하나가 되었다. 내가 개발을 시작했을 때는 이미 거의 대세로 자리잡은 상황이었기 때문에 이게 왜 이렇게 각광 받는지는 모른 채로 써야한다니까 쓰는 API 형식이었다. 하지만 이제

기본 저장 방법: 배열(순차 저장 방식), 연결 리스트(체인 저장 방식)기본 저장 방법은 말 그대로 기초가 되는 방법으로 해시 테이블, 스택, 힙, 트리, 그래프 등의 구조는 구체적인 방식인 상위 구조다.

원문: https://radixweb.com/blog/rest-vs-restful-apiAnatomy of REST APIREST API는 데이터에 접근하고 사용하려는 HTTP 요청을 사용하는 API를 위한 아키텍처 스타일이며, API 교환을 인터넷 상에서 안

React Conf 발표당사는 거의 4년 동안 더 나은 웹 사이트와 애플리케이션을 구축하는 데 도움이 되도록 웹 표준을 기반으로 구축된 풀스택 프레임워크인 Remix를 개발해 왔습니다. React Router는 React 다음으로 Remix에 큰 의존성을 가지고 있습니

<팀 스파르타 인턴즈 1기> 웹 개발 파트에 지원해서 면접을 보는데 세상에 Virtual Dom에 관련된 질문을 하시는데 순간 머리가 하얘져서 메모리를 아낄 수 있다는 말도 안되는 답변을 하고 말았다.

JS자바스크립트 문제 | console.log의 출력값을 맞히시오우선 영상으로 문제를 한 번 쭉 풀어보고 오면 저절로 "어이쿠" 소리를 내고 있는 나 자신을 발견할 수 있다. 결론적으로 6개 맞췄는데, 한두 개는 찍어서 맞춘 거라...😁 정말 자바스크립트는 알면 알수

BOM(Browswer Object Model)을 다루면서 가볍게 짚고 넘어간 적이 있었는데 더 구체적으로 다뤄보려고 한다.

쿠키는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각으로, 동일한 서버에 재요청 시 저장된 데이터를 함께 전송한다.

초등학교에서 수학 배우던 시절로 돌아가 손으로 어떻게 계산했는지 떠올려서 최대공약수, 최소공배수, 합성수 알고리즘을 코드화해봤다.

게임 캐릭터를 만들 때 한 세월 걸리는 사람이 있다면 그건 바로 나! 블로그 글을 쓸 때도 제목 정하느라 진이 빠져서 정작 본문 쓸 힘도 없어지기 일쑤고, 반려견이 생기면 지어주려고 생각해둔 이름만 열 손가락을 넘어간다.

❗ 이 글의 발단이 궁금하다면? 프로그래머스에서 "3진법 뒤집기" 풀어보기 우리는 태어날 때부터 지금까지 10진법의 세상 속에서 익숙하게 살고 있다. 10 단위로 측정하는 숫자들, 예를 들어서 신발 사이즈나 몸무게 같은 것들 말이다.