profile
안녕하세요. 개발자 지망생입니다.
post-thumbnail

[JavaScript ]프로토타입을 공부하며 느낀점

DeepDive에서 예시 코드를 보면 와 같이 Person 생성자 함수 내부에서 prototype의 메서드를 정의하지 않고 외부에서 정하고 있다. 나는 이러한 방식으로 코드를 작성하는 이유가 납득이 잘 가지 않았고 내부에서 작성하는 형태를 시도했고, 그러한 방식으로도

2021년 11월 13일
·
0개의 댓글
·
post-thumbnail

객체 프로퍼티의 근원지, 프로퍼티 어트리뷰트

ECMAScript 사양에 등장하는 이중 대괄호(\[\[]])로 감싸진 이름들이 바로 내부 슬롯과 내부 메서드이다. 이 요소들은 자바스크립트 엔진 내부에 로직을 설명하기 위해 사용되는 이름으로, 해당 로직을 부르기 위해 명세서에 정의 된 이름일뿐, 실제로 그 값으로 존

2021년 10월 9일
·
0개의 댓글
·
post-thumbnail

간단한 spin spinner 로딩 애니메이션 만들기

웹에서 어떠한 정보를 불러올때, 어떠한 로딩의 표시도 없이 데이터의 로딩이 이루어지면, 사용자 측에서는 현재 제대로 기능을 수행하고 있는지 확인이 되지 않는다. 이는 곧 페이지의 사용자 편의성에서 많은 불편함을 야기할수 있고, 좋은 웹이라고 할수 없다.그러기 때문에 우

2021년 10월 5일
·
0개의 댓글
·
post-thumbnail

함수 이름과 함수 식별자

다음과 같은 factorial 함수가 있다.우리는 이와 같은 문을 함수 선언문(function Declaration)이라고 하고, 이때의 factorial은 함수 이름이 된다. 그리고 이렇게 선언된 함수는 해당 함수이름으로 등록된 식별자를 호출함으로서 실행할수 있다.하

2021년 10월 1일
·
0개의 댓글
·
post-thumbnail

메서드란 무엇일까?

개요 JavaScript라는 언어가 가지는 독특한 특징이 있다. 바로 자바스크립트는 대체로 '객체'로 구성되어 있다는 점이다. 앞서 표현식 포스팅에서도 다뤘듯, 함수 또한 자바스크립트는 객체로 다루어 지며, 그중에서도 '일급 객체' 이므로 값으로 취급 받을 수 있다.

2021년 9월 17일
·
0개의 댓글
·
post-thumbnail

Notion Clone 내맘대로 상태관리론

처음에는 각자의 컴포넌트가 필요한 상태만을 보유하는 방식이 메모리적으로 효율적이라고 생각해 각각의 Component에서 상태관리 및 필요한 정보를 api로부터 fetch하도록 코드를 진행했다.하지만 이렇게되면 각각의 컴포넌트가 어떤 특정한 상태를 공유하고 있다면, 한

2021년 9월 11일
·
0개의 댓글
·
post-thumbnail

Symbol

ES6 이전의 JavaScript에서는 6개의 데이터 타입을 제공했다.원시 타입으로서 Number, String, Boolean, Undefined, null,그리고 프로퍼티를 가질수있는 참조 타입, 객체 타입이다.ES6에서의 JavaScript는 변경 불가능한 값을

2021년 9월 11일
·
0개의 댓글
·
post-thumbnail

[실험]Browser Cache와 Scroll Position이 연관이 있는걸까?

이번 무한 스크롤 UI를 구현하며 팀내에서 올라왔던 질문이 있었습니다.'강사님의 브라우저에서는 스크롤을 내리면 새로 렌더링이 될때 스크롤바가 위로 초기화되어 올라가는데, 왜 저는 스크롤바가 초기화되지 않을까요?'분명 동일한 코드로 작성했음에도 왜 다른 형태로 렌더링될까

2021년 9월 8일
·
0개의 댓글
·
post-thumbnail

값 , 리터럴, 그리고 표현식 (부록: 함수 선언식은 표현식일까)

개요 값 (Value) 프로그래밍 언어에서 값(value)이란 : 평가(evaluate)를 통해서 생성되어지는 결과 >평가(Evaluate) : 식을 해석해서 값을 생성하거나 참조하는 것 10 + 20 과 같은 연산자, 함수의호출과 같이 어떠한 return, 즉

2021년 9월 4일
·
0개의 댓글
·

[개인 프로젝트] Notion 클론

Notion을 클론코딩한다.api.js 작성Root Document 가져오기Document id 로 해당 Document content, 하위 Document 목록 가져오기Document 생성하기특정 Document 수정하기특정 Document 삭제하기route.js

2021년 8월 26일
·
0개의 댓글
·
post-thumbnail

[TIL] W4 / Day 1

url 맨 뒤에 - 전역객체에서 hashchange 이벤트로 hash 변경 확인 가능브라우저는 페이지 로딩을 하면 세션 히스토리를 갖음세션 히스토리를 이용해 브라우저는 이전 페이지나 앞으로 이동이 가능하다history.pushState(state,title,url) :

2021년 8월 23일
·
0개의 댓글
·

3주간의 데브코스 회고록

주변에 개발자 친구가 없어 서러웠다..ㅠㅠ이번기회에 마음맞는 개발자 친구를 만들었으면 좋겠다시작부터 지도자분들의 열정과 의지가 느껴졌다. 그 마음을 받는것만으로도 나에게 큰 도움이 되었다.모든 소통이 그러하듯, 단방향적인 소통은 결국 지치기 마련이다. 한쪽에서만 마음을

2021년 8월 20일
·
4개의 댓글
·

[TIL] W3 / Day 3

함수형 프로그래밍 과제 관련해서 팀원들의 코드리뷰를 하는데 거의 9시간을 쏟아버렸다. 근데 오히려 코드리뷰를 하면서 함수형 프로그래밍에 조금 더 익숙해 질 수 있는 기회가 됬던것같다..! reduce, filter , map 이 세가지가 함수형 프로그래밍을 하는데 있어

2021년 8월 18일
·
0개의 댓글
·
post-thumbnail

[TIL] W2/ Day4~5

비동기 상황을 일급 값으로 다룬다대기 , 성공, 실패의 상황을 다룬다Promise 객체의 then은 Promise로부터 전달 받은 값을 인자함수에게 인자로 전달한다. 그리고 이는 또 다시 새로운 Promise를 반환한다.중요한 규칙 : then()을 통해 결과를 꺼낸

2021년 8월 15일
·
0개의 댓글
·
post-thumbnail

[TIL] W2 / Day2~3

느긋한 계산법으로 불리어지며 이터러블의 요소를 한번에 모두 평가 하는것이 아닌 요소를 한개씩 평가하는 방식모든 요소를 평가하는게 아니라면 지연평가가 더 효율적이다.지연성이라는것은 늦어진다..라는 생각은 금물!range(Infinity) 와같은것도 가능하다! (gener

2021년 8월 15일
·
0개의 댓글
·
post-thumbnail

[TIL] W2 / Day 1

https://codepen.io/JavaScript가 탄생하면서 같이 등장HTML markup을 기반으로 DOM tree 형성CSS markup을 기반으로 CSSOM tree 형성DOM 과 CSSOM 트리를 합쳐 Render Tree를 형성 3.1. DOM에

2021년 8월 9일
·
0개의 댓글
·
post-thumbnail

[TIL] W1 / Day4~5 그리고 Week1을 마무리하며

트라이 : 문자열을 저장하고 효율적으로 탐색하기 위한 트리 자료구조루트는 비어있으며각 간선은 추가될 문자를 키로 가지고각 정점은 이전 정점 값 + 간선의 키의 값을 가진다.이진 탐색 트리의 문제점:한쪽으로 편향된 트리가 될 수 있음.이를 해결하기위해 다음과 같은 자료구

2021년 8월 9일
·
0개의 댓글
·
post-thumbnail

XSS 공격과 쿠키의 HttpOnly

서버 측에서 제공되는 Script가 아닌 권한이 없는 사용자(이하 해커)가 웹사이트에 Script를 삽입하여 의도치 않은 동작을 일으키는 공격주로 JavaScript로 작성된 Script를 통해 공격이 가해진다.XSS 방어 라이브러리 (ex>nodejs express의

2021년 8월 8일
·
0개의 댓글
·
post-thumbnail

[TIL] W1 / Day 3

일반적으론 고정된 크기를 가짐 ( ex.C언어와 같은 Compile언어들 ) JavaScript는 동적으로 크기 증감HashMap에 가까워 index에 숫자외의 값도 넣을 수 있다 ( 하지만 배열이라 할수 없음으로 사용 x )HashMap에 가깝지만 length가 관리

2021년 8월 4일
·
0개의 댓글
·
post-thumbnail

[TIL] W1 / Day 2

good : 함수의 재사용성 높음bad : 함수를 잘게 쪼개야해서 복잡해질수 있음good : 1. 동작 예측 쉬움 2. 상태가 없어 사이드 이펙트 방지bad : 상태 조작이 힘듬객체지향은 패러다임이다. 언어와 상관없음 ( 패러다임을 따르기 쉬운 언어가 있을뿐 )간단할땐

2021년 8월 3일
·
0개의 댓글
·