요행을 바라지 않는 개발자 - mysetting

3:01 5/30

velog.io

mobile screenshot relative

3:01

velog.io

mobile screenshot

요행을 바라지 않는 개발자
https://velog.io/@edie_ko

내 이름 고은정, 은을 180deg 돌려 고긍정 🤭

저작도구: velog

최종 피드 수집: 2024-04-03 03:45

전체 (30)

2y

자료구조 | 해시 테이블 hash table

유저의 비밀번호, 전자서명, 전자투표와 같은 민감한 입력의 무결성을 검증하거나, 혹은 문서 복제 등을 체크하거나, 블록체인에도 사용되는 해시..!
오늘은 해시 테이블 개념을 정리해본다.
마지막에는 자바스크립트의 Object와 Ma

006

2y

자바스크립트의 { 스코프 }

이 글에서는 스코프를 다음과 같은 순서로 설명할 것이다.
1) 스코프 2) 렉시컬 스코프 3) 함수와 블록 스코프
그리고 이 글은 다음 글 '호이스팅'에 이어진다.
1. 스코프란
스코프란 식별자가 유효한 범위다.
어떤 경계가 있다

001

2y

자바스크립트의 this는 김춘수의 〈꽃〉이다

this는 볼 때마다 새롭다.
내가 이 글을 다 써갈 때 쯤이면.. 더이상 this를 헷갈려하지 않을 수 있을까..?
참고로 이 글은 앞선 글 - 자바스크립트의 실행 컨텍스트란 무엇인가요?에 이어지는 글입니다.
1. 그렇다면 th

003

2y

실행 컨텍스트란 무엇인가요?

1. 실행 컨텍스트란
📌 실행 컨텍스트(execution context)는 실행할 코드에 제공할 환경 정보들을
모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는
개념이다.
- 정재남, 코

001

2y

setTimeout(foo, 0)에서 foo는 정말 0ms 후에 실행될까?

들어가기 전에..
다음과 같은 코드가 있다고 하자.
콘솔에는 어떻게 나타날까?
답은 '1 2 3 4 5 yes'다.
setTimeout() 함수를 넣었는데도 불구하고 'yes'가 가장 늦게 콘솔에 찍힌 것일까?
이번 글에서는 자

001

2y

라이트하우스와 함께한 지도 서비스 성능 개선 고군분투기

네 정말 아무것도 몰랐습니다.
제가 신입 개발자로 커리어를 시작하면서 피땀눈물로 만든 지도 사이트의 성능이 .. 이렇게 좋지 않을 줄은 저도 몰랐어요. ㅇ<-< ...
Performance, Accessibility, Best P

005

2y

Error | 모바일 브라우저에서 100vh 적용 오류 해결 (ios/android)

문제 상황
반응형 웹을 구축하던 도중, 100vh가 PC 웹에서는 제대로 작용하나 모바일 웹에서 제대로 적용되지 않는 문제를 발견했습니다.
vh는 viewport height에 해당하는 단위로 해당 브라우저의 높이에 따라서 상대적

00160

2y

신입 개발자 혼자 어디까지 만들 수 있을까?

이 글을 이 세상의 모든 사수가 없는 신입 개발자 분들께 바칩니다.. ^^b
0. 시작
저는 오픈닥터의 유일한 프론트엔드 개발자입니다. 작년 10월 본격적으로 프론트엔드 개발 공부를 시작했고, 작년 12월 한 달간 오픈닥터라는 신

1025

2y

JavaScript | 프로토타입 Prototype

사진출처 - Unsplash
0. 프로토타입이란? Prototype
자바스크립트의 프로토타입은 무엇일까요?
프로토타입 객체는 다른 객체의 원형이 되는 객체입니다.
흔히 알려진대로 자바스크립트는 프로토타입 기반의 언어입니다.
Cla

001

2y

CSS | last-child는 이제 쓰지 않습니다

사진 출처 - unsplash
0. 들어가면서
오늘은 그동안 등한시하던 CSS를 되짚어보는 시간입니다.
그동안 여기저기서 읽고 들은 건 많은데, 글로 정리되지 않아 제대로 활용해보지 못했던 CSS 프로퍼티들을 간단하게 정리합니다.

000

2y

CSS | 눈동냥으로 얻은 괜찮은 CSS 트릭 모음집

사진 출처 - unsplash
0. 들어가면서
오늘은 그동안 등한시하던 CSS를 되짚어보는 시간입니다.
그동안 여기저기서 읽고 들은 건 많은데, 글로 정리되지 않아 제대로 활용해보지 못했던 CSS 프로퍼티들을 간단하게 정리합니다.

0016

2y

Mistakes | 주니어 리액트 개발자인 내가 실수하고 있었던 것

주니어 리액트 개발자인 내가 실수하고 있었던 것
주니어 개발자 4개월차... 이대로 괜찮은가?
그동안 실수했던 것들을 반성하며 회고하는 시간을 갖습니다...😶
조금은 부끄럽지만 계속 부끄러워지는 것보다 한번 부끄럽고 마는 것이

000

3y

JavaScript | 클로저 Closure

요즘 꾸준히 읽고 있는 Medium 글에서 "클로저를 모르고 자바스크립트를 한다는 건, 영어 문법에 대한 이해도 없이 영어 말하기를 하는 것과 같다."는 문장을 읽고 클로저에 대해 TIL을 써보기로 했습니다.
0. 클로저란? Cl

002

3y

React | 컴포넌트의 역할에 따른 구분

0. 이런 구조로 만드는 것이 옳을까요.. 🧐?
지금까지 리액트를 처음 배우고 3개의 프로젝트를 진행하면서 그다지 의문을 갖지 않았었다.
하지만 점점 진행하는 프로젝트가 복잡해지면서 드는 의문이 있었다.
내가 만든 컴포넌트 구조

000

3y

JavaScript | 싱글스레드인 자바스크립트가 비동기 처리를 하는 법

자바스크립트 비동기 시리즈
Callback 함수
Promise 개념부터 이해하기 (1/2)
Promise 개념부터 이해하기 (2/2)
비동기의 꽃, Async와 Await
...에 이어지는 글입니다😇
내용 상으론 가장 맨 처음에

000

3y

React | 이미지 업로드하기 (with Axios)

지난 프로젝트에서 로컬의 이미지 파일을 업로드하는 기능을 2번 구현했었다. 유저의 프로필을 바꾸기 위해 사용하는 기능이었고, 로컬의 이미지 파일을 업로드해서 이미지를 바꿀 수 있도록 만들었다.
1) 첫 번째는 Cloudinary

00502

3y

TypeScript | Generic 제네릭 (feat. TypeScript 두 달차 후기)

0. 타입스크립트 두 달 후기
타입스크립트를 사용한 지 두 달이 되어간다.
그동안 초보적인 수준에서 타입스크립트를 배우고 적용하고 적응해가는 과정이 예상했던 것보다 어렵지 않았다.
내가 느꼈던 타입스크립트의 장점은,
1) VSC

000

3y

React | 유지, 보수를 위한 API 통신은 어떻게 할까? (Axios 모듈화)

요즈음 Node.js 세션을 통해 배운 '모듈화'개념과, 기업 협업 프로젝트에서 피드백 받은 'API 통신 방식'에 대해 기록해보려고 한다.
최근에 배웠던 Node.js 세션에서 가장 인상 깊었던 부분은 Why do we modu

0080

3y

React | 컴포넌트 성능 향상 시키기 (feat. Lodash throttle & debounce)

KAKAOMAP API를 이용해 프로젝트를 진행 중이다.
지난 프로젝트에서 카카오맵 API를 사용했지만, 좌표를 props로 받아와 띄우는 정적인 지도에 지나지 않았다. 그래서 이번에 동적인 지도를 구현하는 데에 있어서, 렌더링이

000

3y

TypeScript | 기본 타입

오늘은 타입스크립트의 기본 중의 기본만 요약 정리하며 정리하는 글이다.
(불친절할 수도 있는 너무도 간단한 글!)
타입스크립트 기본 타입
타입스크립트의 함수

003