profile
듣는 것을 좋아하는 개발자입니다

2022.05.15 꾸준히 급하지 않게

조급함빨리 성과를 이루고 싶은 마음이 강함취업, 사이드프로젝트 등등루틴붕괴하루 루틴이 쉽게 망가짐독서, 산책과 같은 나를 이루는 일정에 부담을 갖게 됨부정적 사고생각이 많아지는 와중에, 부정적일 때 쉽게 전환이 안 됨솔직한 나를 드러내는 것에 두려움이 생김당장보다 3년

5일 전
·
0개의 댓글
post-thumbnail

빛나는 프로젝트를 위한 도구, Lighthouse

Lighthouse Lighthouse는 웹 페이지의 성능을 측정하고 개선점을 표시해주는 개발 도구이다. 크롬 브라우저(엣지도 됨)의 개발자 도구에서 활용할 수 있다. 항목들 1. Performance Performance는 화면에 컨텐츠가 얼마나 빨리 표시되는 가

2022년 5월 12일
·
0개의 댓글

[프로젝트 리뉴얼] SHARE POD 고치기 2일차

마음만 앞서서, 이력서를 만들고 제출하는 데 너무 급급했던 나를 반성하며 다시 돌아와 프로젝트를 리뉴얼하기로 마음먹었다. 프로젝트에 부족한 부분과 추가하고 싶었던 부분을 떠올려보고 내 템포로 추가해보도록 하자.메인페이지, 검색결과페이지, 상세페이지 좋아요에 동작 추가뒤

2022년 5월 12일
·
0개의 댓글

[프로젝트 리뉴얼]SHARE POD 다시보기

마음만 앞서서, 이력서를 만들고 제출하는 데 너무 급급했던 나를 반성하며 다시 돌아와 프로젝트를 리뉴얼하기로 마음먹었다. 프로젝트에 부족한 부분과 추가하고 싶었던 부분을 떠올려보고 내 템포로 추가해보도록 하자.

2022년 5월 11일
·
0개의 댓글

22.05.07 궤도 위에 올라타

JS 알고리즘 문제 연습항해99 협력사 지원서 제출Object 객체의 리듀서 함수(내장함수) 사용하기이미 전에 풀어본 문제임에도, 익숙하지 않다..!어제 그제까지 많이 돌아다니다보니 기상 시간이 아직 들쭉날쭉하다천천히 한 걸음씩

2022년 5월 7일
·
0개의 댓글

2022.05.03 구더기 무서워도 장을 담그자

비행기 표 예약5월 5일 자로 제주도를 떠날 비행기를 예약했다.안녕, 제주도다시 입사지원드디어 서류 합격구더기 무서워서 장 못 담그고 있었다.상경하기엔 자리가 불확실하고, 입사지원하기엔 제주도에 있고 프로젝트에 대한 불확실성으로 가드가 불가했다.고리를 끊기 위해, 서울

2022년 5월 3일
·
0개의 댓글
post-thumbnail

난 이제 더 이상 숫자가 아니에요, NaN

NaN은 전역 객체(GO)의 속성으로, 전역 스코프의 변수 중 하나이다. 초기 값은 Not-A-Number로, Number.NaN과 같다. 최신 브라우저에서는 NaN이 설정불가-쓰기불가의 속성이다.전역 객체에 이미 NaN 값이 있다.NaN의 속성은 number를 반환하

2022년 5월 2일
·
0개의 댓글

2022.05.01 한 주 회고

도전

2022년 5월 1일
·
0개의 댓글
post-thumbnail

FE가 알아야하는 가장 중요한 프로그램, 브라우저의 동작원리

브라우저는 월드 와이드 웹을 기반으로 문서나 미디어 파일을 열람하기 위해 사용되는 프로그램이다. 유저가 문서에 접근할 수 있도록 하고, 서버로부터 자원을 받아오고, 이를 해석해서 출력하는 동작을 중심으로 북마크, 새로고침, 이전페이지-다음페이지, 이메일, 저장소 제공

2022년 4월 30일
·
0개의 댓글

함수형 선수의 한방, React Hook

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는

2022년 4월 28일
·
0개의 댓글
post-thumbnail

속성값과 상태값이 다른 말이라니, Props-State

처음 리액트를 접했을 때와는 다르게, 이제는 너무 당연하게 Props와 State를 구분할 수 있다. 당시에는 '어디서 어떻게 와서 왜 반영되는 값'인지 쫓아가기에도 벅찼던 것들이었다. 두 가지가 각각 어떤 것을 의미하는지 알아보았다. 그리고 그때의 나로 되돌아가서,

2022년 4월 27일
·
2개의 댓글
post-thumbnail

뭔지도 모르지만 일단 삭제했던 그것, 캐시

컴퓨터의 동작 중에서 오랜시간이 걸리는 작업의 결과를 저장하여 활용하는 저장소로, 시간과 비용을 절약하는 기법을 위해 활용된다.CPU와 메모리가 끊임없이 데이터를 주고 받으면서 처리하는데, CPU에 비해 메모리의 처리속도가 뒤처짐. 따라서, CPU가 메모리를 기다리는

2022년 4월 26일
·
0개의 댓글
post-thumbnail

쓰랜 다고 쓰면 개발자가 아니지, DOM과 가상돔

가상돔은 UI로 표현될 객체를 가상 메모리에 저장하고 라이브러리에 의해 실제 DOM으로 동기화 하는 개념이다. 가상돔과 DOM을 비교하여 효율적으로 렌더링하기 위하여 도입된 개념이다.DOM을 조작하는 경우일반적으로 DOM을 직접 조작하는 것이 더 무겁다(이를 개선한 컴

2022년 4월 25일
·
0개의 댓글

자바스크립트의 심장, 실행 컨텍스트

실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다. 실행 컨텍스트는 (1)전역코드로의 진입, (2)전역코드의 함수 실행, (3)함수블록코드의 함수 실행 시 일어난다. (1)의 경우 전역 컨텍스트를 (2)/(3)의 경우 함수 컨텍스트를 생성한다.코드가 실행되면 실행

2022년 4월 23일
·
0개의 댓글

난 후후훗, 화살표 함수

ES6에 추가된 간략한 함수 선언 방법이다. 기존의 함수 표현식에서 function 키워드를 삭제하고 인자를 받는 매개변수의 ()괄호와 {}코드블록 사이에 =>화살표를 추가하면 화살표 함수(Arrow Function) 표기가 된다. (1)함수 내부의 내용이 반환값(r

2022년 4월 22일
·
0개의 댓글
post-thumbnail

박스를 다루는 방법, CSS 박스모델

CSS는 문서를 다루는 HTMLd이나 XML로 작성된 문서의 출력 방법을 기술하기 위한 언어이다. 문서의 레이아웃을 표현하기 위해서 렌더링 엔진은 CSS 기본 박스 모델에 따라 각각의 요소를 출력한다. CSS는 박스의 크기, 위치, 속성을 결정한다.글, 이미지, 비디오

2022년 4월 21일
·
0개의 댓글

초면인줄 알았겠지만 구면입니다, 웹팩과 바벨

웹팩이란 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러다. 모듈 번들러는 웹을 구성하는 자원(HTML, CSS, JS, Img 등)을 각각의 모듈로 보고, 이를 조합한 결과물을 만드는 도구이다.모듈모듈이란 특정 기능을 갖는 코드의 단위이다. 성격이 비슷한 기

2022년 4월 20일
·
0개의 댓글

JSX는 슈퍼 JS라는 뜻이 아니다

자바스크립트의 확장 문법으로 JavaScript + XML의 줄임말이다. 자바스크립트를 기반으로 마크업 언어를 함께 작성할 수 있도록 개선한 문법이다. JavaScript의 모든 기능을 포함하며, 브라우저에서 실행되기 전에 바벨을 사용해 자바스크립트 코드로 변환된다.변

2022년 4월 20일
·
0개의 댓글

널 위해 준비한 이벤트야, 어서 일해

이벤트는 프로그래밍한 시스템에서 일어나는 사건을 의미한다. 브라우저가 이벤트(유저가 조작한 특정 동작)를 감지하고, 이를 자바스크립트에서 접근하여 상호작용한다. 웹의 이벤트는 브라우저 윈도우 내에서 발생한다.유저가 어떤 요소를 선택하거나 어떤 요소 위에 커서를 올려둡니

2022년 4월 18일
·
0개의 댓글

var만 쓰던 나는 왜 const쟁이가 되었는가

처음 자바스크립트를 접한 곳은 바울랩 컴퓨터학원의 웹 풀스택 개발반이었다. 그 때의 나는 자바스크립트라는 것이, 아니 HTML과 CSS가 정확히 어떻게 다른지 조차 정확히 분간하지 못했다. 그리고 학원에서 가르치는 방식에 따라 변수를 선언하는데 var(variable)

2022년 4월 17일
·
0개의 댓글