연산과 할당이 함께 이루어짐==, !=는 값을, is는 메모리 내에서 같은 객체를 참조하는지(같은 주소를 참조하는지) 여부

Data Types : 값의 종류와 그 값에 적용 가능한 연산과 동작을 결정하는 속성<진수 표현>2진수 (binary) : 0b8진수 (octal) : 0o16진수 (hexadecimal) : 0x연속된 정수 시퀀스를 생성하는 변경 불가능한 자료형표현인수가 1개

Type Narrowing시 <a>태그의 href 속성의 경우 정확한 타입명을 기재해줘야 한다.cf. HTML 태그 별 타입명a 태그 : HTMLAnchorElementh1 태그 : HTMLHeadingElementbutton 태그 : HTMLButtonEleme

클래스 101 모티브 코딩 프로젝트 - text editor 본 프로젝트의 유저는 크게 수강생과 크리에이터(강의 제공자)로 구분된다. 크리에이터가 posting하는 크리에이터 센터 페이지 내 '클래스 소개', '크리에이터 소개' 기능 구현을 함에 있어 'React Q

form data를 입력받으면서 데이터를 저장 또는 삭제하도록 하기 위해 useConfirm을 사용하였다.기본 틀은 아래와 같다.onConfirm이 존재하지 않거나 onConfirm이 함수가 아닐 경우 return이 실행된다.사용자가 '확인'을 눌렀을 경우 if문, '

위 '이미지를 첨부해주세요' 박스 영역 클릭 시 이미지 선택창이 노출되며, 선택 후에는 해당 이미지 파일의 URL을 생성하여 상태 값으로 저장되도록 구현하였다.input 태그에 해당하는 ImgAddBtn이 실행되면 inputRef.current에 해당 태그의 DOM 객

컴포넌트 생성 시 반복되는 로직을 쉽게 재사용하기 위해 Custom Hooks이 사용된다.Custom Hooks를 만들 때에는 보통 use 키워드로 시작하는 파일 생성 후 그 안에 함수를 작성한다.위 useInputs Hook 을 App.js 에서 사용하기 위해 먼저

JavaScript 파일 안에서 css를 사용하는 방법을 CSS-in-JS라고 한다. 그 중 자주 쓰이는 라이브러리가 styled-components(스타일드 컴포넌트)로서, 스타일링 시 ES6의 Tagged Templeate Literal 문법으로 js파일 안에서 선

https://github.com/wecode-bootcamp-korea/wecode-git-rebase-test develop branch : 한 곳에 모아둔 main : 배포를 위한 merge의 단점 rebase?의 장점 -같은 feature에서 작업했던 것들

모든 요소는 기본적으로 position: static; 이다. 따로 아무런 설정을 해주지 않으면 static 포지션static 포지션 의미 : '원래 있어야 할 위치에 배치된다.'(ex. <b>태그의 경우 inline display이므로 다른 요소와 같은 줄에 있

case 다음 줄 '동작부분' : 비교할 값과 조건값이 일치할 때 동작할 코드 break의 역할 : switch문을 빠져나오는 역할 (조건값에 대한 동작을 마쳤으므로) break문이 없으면 비교할 값과 조건값이 일치하는 case의 동작부분 이후로 break가 나올

나이키 홈페이지 클론 코딩 - 추천 상품 이미지 슬라이드 구현 RecommendItem.js

Category.jsMain.js에서는 Category 컴포넌트만 불러오고 Category 컴포넌트 내에서 useState를 이용하여 드롭다운을 구현했다.Category 컴포넌트에서 HiddenCategory를 import한 후마우스를 올리면 view가 true로 변해

1.display 속성? display 종류? : inline, block, inline-block, list-item, table, flex, none 등 모든 HTML 요소는 이 중 딱 한 개의 display 값을 갖는다. 대부분은 inline 또는 block 디

../ : 한 폴더 위로 이동./ : 동일 폴더 내에서 이동/ : 절대경로\-Main.js에서 RecommendItem 컴포넌트를 import 해줄 때

GET: 데이터 조회 POST: 데이터 추가, 생성 PUT: 데이터 전체 수정 DELETE: 데이터 삭제 HEAD: 리소스의 헤더. GET과 동일하지만 메시지 부분을 제외하고 상태 줄 및 헤더만 반환 OPTIONS: 리소스가 지원하고 있는 메소드 취득. 리소스에 대한

일반적으로 데이터는 하나의 컴포넌트에서 큰 덩어리로 가져온다. 이때 부모 컴포넌트에서 자식 컴포넌트로 데이터(값)을 전달할 방법이 필요한데, 이에 props 문법이 활용된다.props : 컴포넌트에 지정한 속성 (properties)컴포넌트에 전달된 속성 모두를 pro

배열은 여러 데이터 타입을 담으며 배열 안에는 어떠한 데이터 타입이든 들어갈 수 있다. 특히 배열 안에 다른 배열이 포함될 수도 있다. 대괄호 사용쉼표로 구분랭킹과 같은 순위, 또는 순서가 있는 값을 만들 경우 객체보다 배열이 보다 간결하고 효율적단순히 여러 값의 묶음

map() 배열 렌더링(배열 안에 있는 데이터들을 화면에 보여주는 기법)을 할 때 JSX에서는 for문을 사용할 수 없으므로 map이라는 함수를 활용한다. map 안에 함수를 전달하면 배열 내 요소에 대하여 해당 함수를 통과시켜 새로운 배열을 생성한다. 화살표 함

MouseEvent.type mousedown 마우스 버튼을 누르는 순간 mouseup 마우스 버튼을 눌렀다 떼는 순간 click 왼쪽 버튼을 클릭한 순간 dblclick 왼쪽 버튼을 빠르게 두 번 클릭한 순간 contextmenu 오른쪽 버튼을 클릭한 순간 mouse