css, scss를 따로 만들지 않고 jsx로 관리하는 방법사용하는 이유클래스명 노출이 안됩니다.캡슐화가 쉽습니다.사용법이미지 처럼 동일한 이름뒤에 style을 붙여서 관리합니다.style.jsx에서 import styled from "@emotion/styled"로

1) 타입스크립트 개념 및 설정Post 객체를 생성할 때 하나라도 입력하지 않으면 에러가 발생하지만, ?를 넣으면 생략이 가능합니다.extends 는 기존 Post를 그대로 가져와 추가해 코드를 좀 더 간결하게 만드는 방식입니다. 만약 객체 안에 함수가 있는 형태라면?

리엑트에서 사용되는 클래스에서도 일반 객체 지향에서 쓰이는 클래스와 동일하게 Life Cycle이 존재합니다.많은 컴포넌트가 사용되는 애플리케이션은 리소스나 메모리를 많이 차지하기 때문에 이런 리소스나 메모리를 관리하기 위해 컴포넌트가 삭제될 때 사용중이던 리소스를 반

여러 프로젝트 진행 중 코드 정리가 보기 불편해서 간단하게 정리하는 법을 찾아봤습니다. util.js 공통적으로 사용되는 코드들을 작성해두고 import해서 쓰면 코드가 보기 좋았습니다. 이미지처럼 $로 document.querySelector를 변경해두면 아래처

클로저(Closure)는 함수가 선언될 때의 유효범위(렉시컬 범위)를 기억하고 있다가,함수가 외부에서 호출될 때 그 유효범위의 특정 변수를 참조할 수 있는 개념을 말한다.클로저를 사용하지 않은 예제클로저를 사용한 예제코드를 짜다 보니까 생각보다 클로저가 많이 쓰인다.

얕은 복사란 객체를 복사할 때 위의 예제처럼 원래값과 복사된 값이 같은 참조를 가리키고있는 것을 말한다. 객체안에 객체가 있을 경우 한개의 객체라도 원본 객체를 참조하고 있다면 이를 얕은 복사라고 한다.얕은 복사는 코딩하면서 쓸때마다 문제가 있었다. 그래서 웬만하면 잘

new Date()를 통해 반환되는 인스턴스를 '타임스탬프'(Timestamp)라고 합니다..getFullYear()와 .setFullYear()날짜 인스턴스의 '연도'를 반환하거나 지정합니다..getMonth()와 .setMonth()날짜 인스턴스의 '월'을 반환하거

String 다음으로 외워야 할 표준 내장 객체들이다. 필요할때 딱 떠오를 정도로 외워야 한다. Number .toFixed() 숫자를 지정된 고정 소수점 표기(자릿수)까지 표현하는 문자로 반환한다. .toLocaleString() 숫자를 현지 언어 형식의 문자로

String 관련된 것들은 다 외우고 쓰는게 좋은것 같다..includes()문자의 길이를 반환한다. return number.indexOf()대상 문자에 주어진 문자가 포함되어 있는지 확인한다. return bool.indexOf()매개변수와 일치하는 첫번째 인덱스

현재 사용하지 않는 방식이며 보이는 var형식의 선언은 const, let으로 작성이 완료된 후, 이전 버전을 위해 변경해주는 것함수 레벨 유효범위재할당 O중복 선언 O호이스팅 O \*전역 선언시 전역 객체의 속성으로 등록 O| 호이스팅 - 어디서 선언을 하던지 먼저

모든 태그를 외우고 있기에는 종류가 많고 기본적으로 많이 사용되는 태그만 알고 있고 모르는건 검색을 통해 알아봐도 좋다고 한다!기본 양식에 있는 태그html tag: 웹페이지 시작과 끝을 의미한다.head tag: 웹페이지의 상단바를 의미한다 웹페이지는 head와 bo