Jeongwoo Ahn님 글 목록

Jeongwoo Ahn

Front-end Engineer@habitfactory

Seoul

Joined on 2021년 05월 24일

4:43 5/24

jeongwooahn.medium.com

4:43

jeongwooahn.medium.com

Stories by Jeong Woo Ahn on Medium
https://jeongwooahn.medium.com/

Stories by Jeong Woo Ahn on Medium

저작도구: Medium

최종 피드 수집: 2026-05-31 10:46

전체 (44)

HTTP가 뭐지?

http라는 영역은 매우 광범위하고 세부적으로 보자고 하면 엄청난 양의 학습이 필요하다. 다 살펴보고 정리해보면 좋겠지만 시간이 될 때마다 하나씩 더 해보는것으로 하고 이번 글은 프론트엔드 엔지니어로서 HTTP란 무엇인지 이정도는

front-end-development

https

cors

web-development

001

읽기모드

모던자바스크립트 스터디 5장

구조분해를 이용한 보다 쉬운 데이터 접근
책 모던 자바스크립트의 스터디 장 준비하면서 정리한 글을 공유한다.
1장 정리글 — 모던 자바스크립트 1장 — 블록바인딩
2장 정리글 — 모던 자바스크립트 2장 — 문자열과 정규표현식
3장

javascript

destructuring

007

읽기모드

JavaScript Set객체 활용하기

Set객체를 주저하는 이들을 위하여
Set 객체는 값의 목록이다. 아래와 같이 생성자를 통해 만든다. 값은 Set의 목록안에서 고유한 값이다. add에 의해 추가된 순서대로 순회가능하다.(iterable)
const a = new

javascript

set-object

es6

008

읽기모드

모던자바스크립트 스터디 4장

객체
책 모던 자바스크립트의 스터디 장 준비하면서 정리한 글을 공유한다.
1장 정리글 — 모던 자바스크립트 1장 — 블록바인딩
2장 정리글 — 모던 자바스크립트 2장 — 문자열과 정규표현식
3장(1) 정리글 — 모던자바스크립트 스

객체

es6

모던자바스크립트

javascript

001

읽기모드

모던자바스크립트 스터디 3장(2)

함수
책 모던 자바스크립트의 스터디 3장 준비하면서 정리한 두번 째 글을 공유한다.
1장 정리글 — 모던 자바스크립트 1장 — 블록바인딩
2장 정리글 — 모던 자바스크립트 2장 — 문자열과 정규표현식
3장(1) 정리글 — 모던자바

javascript

function

es6-js

0055

읽기모드

모던자바스크립트 스터디 3장

함수
책 모던 자바스크립트의 스터디 2장 준비하면서 정리한 글 공유한다.
1장 정리글 — 모던 자바스크립트 1장 — 블록바인딩
2장 정리글 — 모던 자바스크립트 2장 — 문자열과 정규표현식
3.1 함수의 매개변수 기본값
3.1.1

함수

javascript

자바스크립트

0057

읽기모드

모던자바스크립트 스터디 2장

문자열과 정규표현식
책 모던 자바스크립트의 스터디 2장 준비하면서 정리한 글 공유한다.
1장 정리글을 보려면 모던 자바스크립트 1장 — 블록바인딩
2.1 더 나은 유니코드 지원
ES6 이전에 JavaScript는 문자열의 각 문자

정규표현식

자바스크립트

template-literals

+ 더보기

0056

읽기모드

모던 자바스크립트 스터디 1장

블록바인딩
오랜만에 스터디를 진행하게 되었다. 한 신입 개발자의 성장에 대한 목마름으로부터 시작된 스터디였다. 그래서 둘이서 진행한다는 생각으로 시작했고 혹시 주니어 개발자 중에 함께 하실분이 있을 수 있겠다 싶어 슬랙에 올리니,

block-binding

ecmascript-6

javascript

es6

003

읽기모드

2024년 3월에 내가 배운것

보험나이 계산법 등
우리는 일상에서 꽤 많은 것을 배운다. 사소한 도구 사용법부터 삶의 지혜까지 정말 다양하다. 특히나 검색, AI, 수 많은 뉴스레터, 대화 정보는 언제나 넘쳐난다. 모자란 적이 단 한순간이라도 있었나.
그러나

006

읽기모드

2024년 2월에 내가 배운 것

Git의 새로운 개본 머지 전략 ort 등
피그마에서 폰트어썸 사용하기.
폰트어썸 폰트를 다운받는다.
다운받은 폰트를 설치한다. (서체 더블클릭해서 설치 누르면됨)
피그마 폰트 인스톨러 다운받는다.
폰트어썸가서 아이콘 검색후 아이

git

webview

font-awesome

003

읽기모드

2024년 1월에 내가 배운 것

인공지능은 소프트웨어의 개념을 완전히 바꿀겁니다
[번역] Signals와 Vue
뷰의 반응성에 대해 정리된 글이 있고 한글로도 번역이 되어있다. 그런데 이 글의 한 꼭지로 Connection to signals 라는 꼭지가 새로

vuejs

javascript

pwa

005

읽기모드

Signals 와 Vue

원문 Vue.js — The Progressive JavaScript Framework
뷰의 반응성에 대해 정리된 글이 있고 한글로도 번역이 되어있다. 그런데 이 글의 한 꼭지로 Connection to signals 라는 꼭지가

javascript

vue

signal

004

읽기모드

2023년 12월에 내가 배운것

Nuxt 3.8 릴리즈 요약 등
Vue에서 HTML 태그를 동적으로 변경하고 싶을때 :is를 쓰면 된다?
a태그를 조건에 따라 span 으로 변경하고 싶다면 요렇게 하면 된다고 한다.
<a :is="item.url ? 'a' :

유니코드

nuxt

unicode

vue

002

읽기모드

[Vue3]프론트엔드 문자 스트리밍 처리에 관한 것

Web APIs의 Streams API를 통해 스트리밍을 처리할 수 있다. Streams API는 네트워크로 수신된 스트리밍 데이터를 자바스크립트가 프로그래밍적으로 다룰 수 있도록 해주는 API이다. 거의 모든 브라우저에서 지원하

streaming

es6

vue-3

stream-api

001

읽기모드

[드로잉] 큰 나무

우리 동네에는 큰 나무가 있다. 1970대에 보호수로 지정되어 관리되고 있다고 써있다. 이 나무는 좀 특별한 점이 있는데 나무 한 그루가 아니고 네 그루 라는 것이다. 게다가 하나의 수종이 아니고 은행나무와 느티나무 두 개의 수종

느티나무

은행나무

drawing

001

읽기모드

면접은 누구를 위한 것인가

팀원 채용과정에서의 소고
나는 해빗팩토리라는 작은 회사의 프론트엔드 팀장이다. 팀장이긴 하나 팀장으로서 과연 잘하고 있나 라는 의심을 매일하는 팀장이다.
팀장으로서 해야하는 일중에 하나는 팀원을 뽑는것이다. 5년 전에 프론트엔드

프론트엔드

채용

해빗팩토리

+ 더보기

007

읽기모드

Vue3 컴포넌트 번들링 하기

현 시대 프론트엔드 개발자들은 자연스럽게 코드 에디터를 열고 수백 수천개의 컴포넌트 중 수정이 필요한 컴포넌트를 찾아 수정을 하고 새로운 컴포넌트를 만들고, 그 컨포넌트를 자유자재로 조합한다. 더 나아가 외부 프로젝트에 공유를 하

rollup

webpack

vuejs

javascript

004

읽기모드

Node 버전 관리(NVM) 사용시 프로젝트별로 버전이 자동으로 변경되도록 하는 방법

원문: https://www.richardhuf.com.au/using-node-version-manager-and-nvmrc-to-automatically-switch-node-versions-per-project/ (참고로,

mac

nodejs

nvm

005

읽기모드

GPT-3 파인튜닝 fine-tuning 가이드

이글은 open api 의 가이드 문서를 따라 fine-tuning 모델을 만들어 보면서 정리한 것이다. 영문 가이드에 더 자세한 내용이 나와있다. CLI를 사용하여 설명한다. (포스트맨으로 만드는 방법을 설명하는 글도 있다.)

gpt-3

gpt

fine-tuning

009

읽기모드

[독서] 에이트를 읽고

주제요약: 앞으로 인공지능이 많은 사람들의 업무를 대신할 것이다. 새로운 시대에 인공지능에 대체되지 않으려면?
유의사항
이 책은 실제 사실관계가 틀리거나 과장된 부분이 꽤 있다. 그런 부분은 제외했다.
이 글은 책의 단순요약은 아

002

읽기모드

나의 인생 매니페스토

작년(2022년)에 여러모로 힘든 해를 보냈다. 그러다 <부자아빠 가난한 아빠>라는 책을 만났다. 이 책은 꽤 오래된 책이고 나는 이 책의 존재에 대해서 매우 오래전부터 알고 있었다.
그리고 마음 한켠으로 <부자아빠…>를 매우 부

001

읽기모드

2022년 회고

한단계 업그레이드를 위한 성장통
웹 개발자로 돈을 받으면서 일한지 벌써 10년이 흘렀다. 무급으로 활동했던 시기를 포함하면 더 늘어날텐데, 경력이 많아질수록 내 경력이 몇 년이다 라고 말하기 부끄러워지는 것 같다. 일을 시작할때는

회고

월간프론트

팀장

001

읽기모드

[Git]하나의 폴더에서 두 개의 리모트 운영하기

아주 드문 일이지만 정말 간혹 우리는 하나의 로컬 소스코드로 두 개의 원격(리모트) 저장소를 운영해야할 때가 있다.
origin 원격지가 있고, 그것과 동일한 소스코드로 copy 라는 원격지를 만들어 운영한다고 생각해보자. 그냥

multi-remote

git

002

읽기모드

[Vue3] 상태와 로컬스토리지 연동하기

customRef를 활용하여
스토리
간단한 카운터를 구현한다. 사용자가 카운팅한 값을 스토어에 저장한다. 스토어에 저장된 값이 로컬스토리지에도 저장되어, 페이지가 리프레시 되더라도 최종 카운팅 값이 유지되도록 한다.
솔루션
데이터

vue-3

javascript

vuejs

customref

0016

읽기모드

3장 코드에서 나는 악취

리팩터링 2판 스터디
재밋게도 리펙토링이 필요한 느낌이 드는 상황을 냄새(악취)로 표현했다.
이탤릭체는 내 의견을 덧붙인 것이다.
악취1 기이한 이름
이름짓기는 프로그래밍에서 가장 어렵기로 손꼽히는 두 가지중 하나다. 그 때문에

001

읽기모드

2장 리팩터링 원칙

리팩터링 2판 스터디
이탤릭체는 개인적인 의견이다.
79p 리팩터링 정의
소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법 ⇒ 모든 코드 정리를 말하는게 아니라 일정한 기법에

리팩터링

001

읽기모드

[모바일 웹] input 에 포커스하면 키보드가 올라오며 input이 가려질때 ⌨️

Element.scrollIntoView를 사용하면 된다.
왜 나는 이것을 이제 알게 되었나, 허탈하다.🙈
삽질
input요소의 가시성👀 여부를 파악한뒤, 적당한 만큼 하단으로 스크롤 이동을 강제하려고 했다.
가시성을 파악하기

javascript

intersection-observer

scrollintoview

00224

읽기모드

Nuxt3 프록시 설정

좀 싱거운 내용이지만, 메모용으로 남긴다.
nuxt.config.ts에 아래와 같이 설정하면 된다.
https://medium.com/media/e5291dcfc548d8a1bbddea6c75abf91a/href

vue-3

vuejs

javascript

nuxt-3

00851

읽기모드

내가 이 회사를 선택한 이유

오늘은 내가 다니는 해빗팩토리 자랑 좀 해볼까 한다. 좋은 회사라 그동안 자랑을 하고 싶었는데 참고 있다가 이번에 우리 회사에서 프론트엔드 개발자 채용을 하게 되어서 겸사겸사 회사 이야기를 좀 해볼까 한다.
해빗팩토리에 대한 기본

시그널플래너

인슈어테크

프론트엔드

해빗팩토리

004

읽기모드

[JavaScript] URL의 파라미터 값을 확인하고 싶을때 — URLSearchParams

[JavaScript] URL의 파라미터 값을 확인하고 싶을때 — URLSearchParams
URLSearchParams 를 써보자
전제조건: IE를 고려하지 않아도 되는 브라우저 환경, Deno, Nodejs 에서 사용가능하다

javascript

urlsearchparams

url

003

읽기모드

저와 함께 Vue.js 개발 해보실분 찾습니다.

해빗팩토리는 채용 중
내가 다니는 회사 해빗팩토리가 오랜만에 공개적으로 개발자를 모시고 있다. 좀처럼 개발자 모시기를 하지 않았던 것은 이러저러한 이유가 있다.
왠만해선 개발자들이 퇴사를 하지 않는다. 나를 비롯해서 개발자분들이

vuejs

habitfactory

javascript

004

읽기모드

Vue.js Scoped CSS

그리고 몇 가지 이슈들과 해법
Vue.js의 Scoped CSS 기능은 Vue.js의 내장 기능이 아니라 vue-loader 에서 제공하는 기능이다. vue-loader 는 Single-File Components (SFCs) 포

vuejs

scoped-css

001

읽기모드

[vue.js] 5.8kb 에 불과한 Vue의 대체 배포판 petite-vue에 대해 알아보자

기존 서버렌더링 프로젝트에 점진적으로 vue를 도입할때 유용하다
petite-vue
매우 가볍고(5.8kb) 표준 vue의 핵심 기능을 지원한다. cdn 으로 제공하기 때문에 기존 서버렌더링 프로젝트에 Vue를 점진적으로 도입하고

vuejs

javascript

petite-vue

007

읽기모드

2021년 5월에 내가 배운 것들

Ream — Vue 3 + Vite SSR Framework
Ream은 서버렌더링 혹은 정적 웹사이트 앱을 Vue3로 만들 수 있도록 도움을 주는 프레임웤이다. 번들링은 웹펙이 아니라 Vite 기반이다. 이런 조합의 프레임웤은 물

es12

javasscript

vuejs

005

읽기모드

2021년 3, 4월에 내가 배운 것들

Vue Single-File Component Playground 등
Vue Single-File Component Playground
간단히 SFC 코드의 결과를 실시간으로 미리보기 해볼 수 있는 서비스가 생겼다.
JavaScr

javascript

vuejs

002

읽기모드

자바스크립트 프로토타입에 대한 이해#SaveMyammar ✊

자바스크립트 프로토타입에 대한 이해#SaveMyanmar ✊🏾
최근에 자바스크립트 프로토타입에 대해 다시 공부해보는 기회가 있었다. 나는 분명히 몇 년전에 책을 통해 공부한 적이 있는데 이 생소한 느낌은 뭘까. 그래서 다시 머리

prototype-chain

자바스크립트

javascript

001

읽기모드

2021년 2월에 내가 배운 것들

#SaveMyanmar ✊🏾 2021년 2월에 내가 배운 것들
Vite가 Vue CLI를 쓸모없게 만들었나 등
CommonJS와 ES Modules은 왜 함께 할 수 없는가?
두 모듈 방식의 사용법 정도의 차이만 알고 있었는데

javascript

nodejs

vuejs

002

읽기모드

2021년 1월에 내가 배운 것들

[자바스크립트] 숫자로 강제변환할 때 일어나는 일들 외 몇 가지
[자바스크립트] 숫자로 강제변환할 때 일어나는 일들
자바스크립트 스터디를 하는 와중에 정리해보고 싶어 쓰게 된 글이다. 프로그래밍 언어라는 것이 내부적으로 어떤일이

css-in-js

javascript

자바스크립트

vuejs

003

읽기모드

[자바스크립트] 숫자로 강제변환할 때 일어나는 일들

자바스크립트에서 숫자가 아닌 값에서 숫자로 강제 변환을 할때 내부적으로 어떤 일이 있어나는지 깊게 살펴본다. 🧐
강제변환
우선 자바스크립트의 강제변환(type coercion)이라는 개념을 잠시 보자. 강제변환은 명시적 또는 암

type-coercion

javascript

001

읽기모드

12월에 내가 배운 것들

vuex

javascript

vuejs

vuejs-3

001

읽기모드

2020년을 돌아보기

작년 2019년 돌아보기 글에서는 블로그를 중심으로 썼다. 그때는 인지를 못했는데 시간이 더 흘러서 보게되니 주체적으로 상황을 주도해나가는 것보다는 상황에 끌려다니는 느낌이었던것 같다. 2020년에는 반대로 상황을 주도해나가려는

002

읽기모드

Vue3 를 위한 구글 로그인 오픈소스 vue3-google-oauth2 및 오픈소스 운영 회고

2년 전 쯤인가 vue-google-oauth2라는 오픈소스를 만든적이 있었다.(자세한 설명은 여기) 원래는 회사에서 혹은 개인적으로 진행하는 프로젝트에 필요해서 만들었는데, 생각보다 많은 분들이 사용을 해주고 있어서 npm 패키

vuejs

vue-3

vuejs-3

002

읽기모드

10월, 11월에 내가 배운것들

Vue.js *월 소식들 이라는 시리즈에서 *월에 내가 배운것들로 변경하기로 했다. 실제로 최근에는 내가 보는 글들이 Vue.js 중심에서 더 확장되고 있어서 함께 공유할만한 글들도 Vue.js 카테고리로 가두기에는 아쉬운 측면이

nodejs

javascript

react

vuejs

003

읽기모드

Vue.js 9월 소식들 — Vue3 One Piece 공식릴리즈 소식 등

Vue.js 9월 소식들 — Vue3 One Piece 공식릴리즈 소식 등
너무 오랜만에 정리한다. 크게 새로운 소식들이 많지 않아서 미루고 있다가 Vue3 공식 릴리즈를 중심으로 몇 가지 링크를 정리해본다.
Vue3 One Pi

javascript

vuejs-3

vue-3

vuejs

002

읽기모드

Stories by Jeong Woo Ahn on Mediumhttps://jeongwooahn.medium.com/

Stories by Jeong Woo Ahn on Medium
https://jeongwooahn.medium.com/