![[TIL] 24/05/20 갱](http://i1.daumcdn.net/thumb/C120x120/?fname=https://blog.kakaocdn.net/dn/uwD7h/btsHwqoChvV/st9CyGnWNNkYLy67LtkAsK/img.jpg)
[TIL] 24/05/20 갱
알고리즘 수업,이번주 발제 듣고,리액트 강의 보다가,리액트 수업 듣고,복습 하다가,알고리즘 과제 하다보니하루 끝남 짱이다
- 생각 💭/TIL
- · 2024. 5. 20.
CRA에서 기본 사용-postcss, tailwindcss, sass-loaderPure CSS1. 순수 css 파일2. 이름 충돌 문제 발생 CSS 파일을 직접 작성하고 컴포넌트에 import 하여 사용한다동일한 이름이 있을 경우, 가장 나중에 로드된 CSS로 덮어씌워진다 PostCSS컴포넌트.module.css *.module.css 파일로 CSS를 모듈화하고, styles 객체를 가져와 사용한다동일한 클래스 이름이라도 자동으로 고유한 ID가 붙어 충돌을 방지한다import styles from ‘./Button1.modle.css’Button2; styled Components (CSS-in-JS)스타일링 된 컴포넌트 스타일링 된 컴포넌트를 생성하여 사용한다컴포넌트이기 때문에 리액트를 위한 스타..
transform: translateY(-50%)는 요소를 수직으로 중앙에 정렬하는데 사용된다top: 50%; - 이 속성은 요소의 상단을 부모 요소의 상단으로부터 50% 아래로 이동시킵니다. 즉, 요소의 상단이 부모 요소의 중간에 위치transform: translateY(-50%); - 이 속성은 요소를 현재 위치에서 자신의 높이의 50%만큼 위로 이동이 두 속성을 결합하면, 요소의 상단이 부모 요소의 중간에 위치하고, 그 위치에서 요소가 자신의 높이의 절반만큼 위로 이동하게 되어 요소의 중간이 부모 요소의 중간에 위치하게 된다 예를 들어, 요소의 높이가 50px이고 부모 요소의 높이가 100px이면top: 50%;를 적용하면, 요소의 상단이 부모 요소의 상단에서 50px (100px의 50%) 아래..
전역에서 여러 단어 바꾸기1) fn + f2 2)🌌 Window : ctrl + H 🍎 Mac : cmd + shift + H 한 페이지에서 여러 단어 바꾸기1. cmd + D2. option + cmd + f mac vscode shortcuthttps://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf
export class FixedArray { #arrayLength; // 배열 초기화 시 길이 #array; #currentLength; // 할당된 요소 개수 // #arrayLength와 #array를 알맞게 초기화 // 생성자 파라미터에는 FixedArray의 고정된 길이를 받아야됨. // #array초기화 시 각요소의 값은 undefined constructor(num) { this.#array = []; this.#arrayLength = num; this.#currentLength = 0; for (let i = 0; i 0) { tmp = this.#array[this.#curre..
알고리즘 수업,이번주 발제 듣고,리액트 강의 보다가,리액트 수업 듣고,복습 하다가,알고리즘 과제 하다보니하루 끝남 짱이다
모듈(Module)- 기능 단위로 분리한 코드 조각- 캡슐화- script에서 type=module을 쓴다면, 자동으로 strict mode가 적용된다 (즉 모듈만의 스코프를 만들게 된다)export는 모듈에서 명시적으로 외부에 공개하는 식별자에 사용하는 키워드이다import는 export한 값들을 자신의 모듈 스코프로 가져오는 것을 의미한다 named export (이름이 있는 내보내기)named export는 하나의 모듈에서 여러값을 내보낼 때 사용한다그렇기 때문에 각각의 이름으로 export 하고,import 시 {중괄호}를 사용해서 export한 이름을 그대로 사용해야 가져와야 한다 만약 다른 이름으로 가져오려면 as 를 사용해서 재정의 한다 그러니 익명으로 export가 안된다 export는 2..