post-thumbnail

[React] useMemo, useCallback

test

2022년 2월 23일
·
0개의 댓글
post-thumbnail

[JavaScript] 실행 컨텍스트 (execution context)

실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 어떤 실행 컨텍스트를 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅), 외부 환경 정보를 구성하고, this값을 설정하는 등의 동작을 수행합니다.실행 컨텍스트를 살펴보기 앞서 스택(stack)과 큐(que

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

[JavaScript] 얕은복사, 깊은복사

깊은복사와 얕은복사의 차이는 기본형과 참조형 복사의 차이에 있다. 변수 복사 과정에 있어 '기본형도 주솟값을 참조한다' 가 맞지만 참조형과의 차이는 '객체의 변수(프로퍼티) 영역' 이 별도로 존재 한다 는 점입니다. let num2=num1 에서 num2도 num1과

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

[JavaScript] 변수 선언과 데이터 할당

보통 '변수'와 '식별자'를 혼용하는데 변수는 변할수 있는 무언가 라고 해석하면 됩니다. 여기서 무언가란 데이터! 식별자는 어떤 데이터를 식별하는데 사용되는 이름 즉 변수명 입니다.기본적인 변수 선언식입니다.풀어쓰면 변할수 있는 데이터를 만든다 이 데이터의 식별자는

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

[Node.js] URL의 이해

사용자가 서버에 접속할때 어떤 방식으로 통신할것인가에 대한 부분웹브라우저와 웹서버가 데이터를 주고받기 위해서 만든 통신 규칙컴퓨터 한대에 여러대의 서버가 있을 수 있다. 클라이언트가 어떤 서버와 통신할지 구분(80번 포트가 기본)컴퓨터 안에 있는 어떤 디렉토리안에 어떤

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

[JavaScript] 옵셔널 체이닝 '?.'

옵셔널 체이닝(optional chaining) ?.을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있습니다.사용자가 여러 명 있는데 그중 몇 명은 주소 정보를 가지고 있지 않다고 가정해봅시다. 이럴 때 user.address.street를 사용

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

[JavaScript] 메서드와 this

자바스크립트에선 객체 프로퍼티 안에 함수를 할당에 객체에게 행동 할 수 있는 능력을 부여합니다.user객체 안에 함수를 할당해 호출해주면 user가 인사해줍니다.이렇게 객체 프로퍼티에 할당된 함수를 ⭐️메서드(method) 라고 부릅니다.메서드 내부에서 this 키워드

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

[JavaScript] 참조에 의한 객체복사

객체! 와 원시타입! 의 근본적인 차이 중 하나는 ‘참조에 의해(by reference)’ 저장되고 복사된다는 것입니다.원시값(문자열, 숫자, 불린 값)은 ‘값 그대로’ 저장·할당되고 복사독립된 변수에 각각 문자열 "Hello" 가 저장됩니다.⭐️ 객체의 동작방식은 다

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

[JavaScript] 객체

자료형에서 하나의 데이터만 담을수 있는 '원시형'과 달리 객체는 다양한 데이터를 담을 수 있습니다. key로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있습니다.중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property)

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

다시 React! -7 Lifecycle

마운트는 DOM이 생성되고 웹 브라우저 상에서 나타나는 것을 뜻하고, 반대로 언마운트는 DOM에서 제거되는 것을 뜻한다.컴포넌트가 마운트 (mount) 되고 언마운트 (unmount) 될 때 특정 코드를 실행하기 위해 컴포넌트 클래스에 특별한 메서드 (ex. compo

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

다시 React! -6 State

Clock.js 이전에 작성했던 Clock 컴포넌트입니다. Clock 이 타이머를 설정하고 매 초 UI를 업데이트 하는 것은 Clock 의 구현 세부사항이어야 합니다. 이상적으로 Clock 은 한번만 작성하고 자체적으로 업데이트 시키려고 합니다. 이를 실행하기 위해

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

다시 React! -5 Components and Props

components는 UI를 독립적이고 재사용 가능한 부분으로 분리합니다. 개념상 컴포넌트는 자바스크립트 함수와 비슷합니다. 임의의 입력 (props라고 부르는)을 받아들이고 어떤 게 화면에 나타나야 하는 지를 설명하는 React 요소를 반환합니다This functio

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

다시 React! -4 Elements 렌더링

An element describes what you want to see on the screen브라우저 DOM 요소와 달리 React 요소는 순수한 객체입니다. React DOM은 React 요소와 일치하도록 DOM을 업데이트합니다.React로 구축한 어플리케이션은

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

[JavaScript] NomadCorders JS 정리

scirpt로 불러온 JS파일에 필요한 태그들을 작성한 html입니다.시간을 표시해주는 JS입니다.date = new Data() 를 불러와 각각의 변수에 시간,분,초 를 지정해 주었습니다. 🔴 padStart() - 현재 문자열의 시작을 다른 문자열로 채워, 주어진

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

[JavaScript] document

노마드코더 영상을 토대로 작성하였습니다.head 안에 link로 style.css 파일과body 안에 script로 app.js 를 불러오고 있습니다.app.js 를 살펴보면정적이던 웹 페이지를 script app.js 를 통해 각 요소에 어떻게 접근하고 동적으로 바꿀

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

[JavaScript] function

함수 > 함수는 프로그램을 구성하는 주요 '구성 요소(building block)' 입니다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러번 호출할 수 있습니다. 지역변수 함수 내에서 선언한 변수인 지역 변수 (local variable)는 함수 안에서만

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

다시 React! -3 DOM, Virtual DOM

웹페이지의 HTML을 계층화 시켜 트리구조로 만든 객체모델JS는 이 모델로 웹페이지에 접근하고, 페이지 수정 가능DOM은 웹페이지 (HTML)과 Script언어(Javascript) 를 서로 잇는 역할그래서 JavaScript는 어떻게 HTML에 접근할 수 있다는 말일

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

다시 React! -2 JSX

JSX란?\-JavaScript를 확장한 문법입니다. \-자바스크립트의 모든 기능이 포함되어 있습니다. \-JSX는 React “엘리먼트(element)” 를 생성합니다.결과물 ⬇️⬇️⬇️여기서 짚고 넘어가고 싶은 개념!다음 두 예시는 동일하다babel은 JSX는 Re

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

다시! React -1 (Setup and Installation)

리액트 주요 개념들을 정리하고자 리액트 공식문서를 참고하여 포스팅을 시작합니다. 처음으로 돌아가 다시 리액트 뿌수기! 공식문서에도 링크가 걸려 있지만 리액트 시작 튜토리얼은 https://www.taniarascia.com/getting-started-with-rea

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

[React] Spread , rest

말 그대로 펼친다 라는 의미로 객체나 배열을 펼칠 수 있습니다. 기존의 것을 건들이지 않고, 새로운 객체를 만든다는 것 인데요, 이러한 상황에 사용 할 수 있는 유용한 문법이 spread 입니다.spread와 비슷하지만 역할은 다릅니다. 비구조화 할당 문법과 함께 사용

2021년 5월 6일
·
0개의 댓글