reset.scss, common.scss의 위치는 index.js에서 한번만 하면 됨.import 할 때도 순서가 있다. :회사마다 다르겠지만 체계적인 관리를 위해 순서를 정해놓고 쓰는게 좋다.1.라이브러리React 관련 패키지외부 라이브러리2.컴포넌트공통 컴포넌트

🔶검색창이 안됐던 이유https://bamtory29.tistory.com/entry/React-useState%EC%9D%98-%EB%B9%84%EB%8F%99%EA%B8%B0%EC%A0%81-%EB%8F%99%EC%9E%91https://velo

1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.로마자를 숫자로 읽는 방법은 로마자를 왼쪽부터 차례대로 더하면 됩니다. III = 3 XII = 12 XXVII = 27 입니다.| Symbol

strs은 단어가 담긴 배열입니다. 공통된 시작 단어(prefix)를 반환해주세요.예를 들어 strs = 'start', 'stair', 'step' return은 'st'strs = 'start', 'wework', 'today' return은 ''

처음엔 로그인 버튼이 비활성화 상태로 시작.id값이 1개 이상, 비밀번호 값이 6개 이상이 되면 버튼이 활성화 되게끔 함.👉 button태그의 disabled 속성 활용.button태그에 disabled 속성이 있으면 버튼이 비활성화, 없으면 버튼이 활성화 됨.dis

참조 사이트https://www.geeksforgeeks.org/css-units-em-rem-px-vh-vw/https://medium.com/watcha/watcha-개발-지식-px-em-rem-f569c6e76e66브라우저 기본 글꼴 크기에 상대

※ 사전지식\- 변수명(식별자) : 변수 값이 저장되는 ‘메모리 공간’을 지칭하기 위해 붙인 이름이고\- 변수의 값은 : 변수에 저장된 ‘데이터 자체’이다.🔆 1. 원시값을 변수에 할당하면? - 값을 저장함.코드 생성과정 1)새로운 메모리 주소에 공간을 만들고 2)

1.keydown, keypress, keyup 이벤트 정의 keydown: 키보드를 누를 때 실행. 키를 누르고 있을 때 단 한번만 실행 keypress: 키보드를 누를 때 실행. 키를 누르고 있을 때 계속 실행 keyup: 누른 키에서 손을 뗄 때 실행 2

primitive type(원시형)1) number : infinity, NaN도 number type임!2) string3) boolean4) undefined : 변수를 선언하고 초기화하지 않았을 때 나옴. ex) let number;5) null : 변수에 값이

🔶 수학 연산자 1. 원칙 : 대부분의 산술 연산자는 오직 숫자형의 피연산자만 다루고, 피연산자가 숫자형이 아닌 경우에 그 형을 숫자형으로 바꿈. 2.예외 : 그러나 덧셈 연산자(+)는 좀 특이함. 🔆 특이1 덧셈 연산자(+)는 문자열 연결과 변환이라는 특

참고사이트 : https://dev.to/sanchithasr/7-ways-to-convert-a-string-to-number-in-javascript-4l: 문자열이나 다른 값을 Number 타입으로 변환함. : 만약 만약 인수를 숫자로 변환할 수 없으면

🔶 function : 하나의 함수는, 하나의 return문만 갖을 수 있다. : return이 없다면 undifined를 반환한다. 🔶 함수선언문, 함수표현식 - (deep dive 165p 참조) 함수는 크게 "함수 선언문"과 "함수 표현식"으로 만들 수 있

참고 사이트 : https://ko.javascript.info/array의미 : 배열의 끝에 하나 이상의 요소를 추가반환값 : 호출한 배열의 새로운 length값.사용의미: 배열에서 마지막 요소를 제거함반환값 : "제거된 요소를 반환"합니다.사용의미: 새로운

🔶 Semantic Web, Semantic Tags https://poiemaweb.com/html5-semantic-web 🔶 'img태그'와 'div태그에 background-image 속성 사용'의 차이점 사이트에 이미지를 넣는 방법은 두 가지가 있다. `

: 인용구문을 넣을 때 쓰는 태그: 기본적으로 들여쓰기를 한 것으로 그려짐: 들여쓰기를 조절하려면 margin값 이용.사용예제: 양수로 하면 "들여쓰기" , 음수로 하면 "내어쓰기" 지정 가능   - 스페이스를 의미line-height : 글자 "줄 사

문제: https://programmers.co.kr/learn/courses/30/lessons/12953?language=javascript ※ 최대공배수 구하는 방법 (출처 : https://mathbang.net/204) : 2 x 2 x 2 x 3 x 5

npm i styled-componentsvscode-styled-components Extension 설치→ 출력결과props와 컴포넌트 확장→ 출력결과

: 다양한 타입의 값을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식임: 프로퍼티 값에 모든 자료형이 저장되므로 다양한 타입의 값을 한번에 관리할 수 있음.: 각각의 변수에 값을 일일이 저장하는 대신, 하나의 단위로 구조화 할 수 있어 유용함.각각의 변수로 데이

여러 개의 하위 DOM 요소에 각각 이벤트를 등록하는게 아니라, 하나의 상위 DOM요소에 이벤트를 등록하는 방법작동 원리 : 버블링을 통해 이벤트 타켓(이벤트를 발생시킨 DOM요소)에서 부터 상위 요소로 올라가면서 이벤트를 캐치하게 됨.만약 하위 요소에 각각 이벤트 핸

이벤트 전파는 3단계로 구분할 수 있음.캡쳐링 단계(propagate up): 이벤트 객체가 상위 요소에서 하위 요소 방향으로 전파타깃 단계 : 이벤트 객체가 이벤트 타깃에 도달함.버블링 단계(propagate down) : 이벤트 객체가 하위 요소에서 상위 요소 방향