벼락치기 블로그

CSS를 보완하기 위해 만들어진 전처리기로 CSS를 더 효율적으로 작성하기 위해 탄생함 => CSS 확장 언어 특징- Sass와 SCSS의 구문은 비슷하다. 중괄호 {} 와 세미콜론 ; 등 차이가 발생- 네스팅, 함수, 연산 등의 기능이 제공- 중복 코드 발생을 줄일 수 있음- 생산성 및 유지보수 효율을 증가할 수 있음 결론네스팅을 잘 작성하면 기존 css보다 유지보수 하기 용이함

1. 연동 확인방법VSCode의 터미널(Terminal)에서 아래 명령어를 실행 git remote -vorigin https://github.com/사용자이름/레포지토리이름.git(fetch)origin https://github.com/사용자이름/레포지토리이름.git (push) 위와 같이 GitHub URL이 보이면, 현재 폴더가 GitHub 원격 저장소와 연결된 상태 2. 연동 해제방법터미널에서 아래 명령어 실행 git remote remove origin git remote -v 로 확인 3. 폴더 git 해제 방법아래 명령어로 git 해제 rm -rf .git git status 로 git 연동 확인

1. homebrew 설치home brew 홈페이지에서 설치 명령어 터미널에 입력하여 설치brew help 입력하여  설치 확인zsh: command not found: brew 오류시eval $(/opt/homebrew/bin/brew shellenv) 입력한 후brew help 입력하여 설치 확인 2. git 설치터미널에서 brew install git 으로 git설치git --version 입력하여 설치 확인

// ✅ 객체 구조 분해 할당const person = { name: 'Alice', age: 25 };const { name, age } = person;console.log(name); // 'Alice'console.log(age); // 25// ✅ 배열 구조 분해 할당const numbers = [1, 2, 3];const [first, second, third] = numbers;console.log(first); // 1console.log(second); // 2console.log(third); // 3 📌 차이점구조 문법 특징객체 구조 분해 할당 { name, age } = person 변수명은 반드시 객체 속성과 동일해야 함배열 구조 분해 할당 [first, second] = ..

1. 톱니바퀴 버튼 클릭 > 설정 2. User > Text Editor > FilesAuto Save 설정

code . -r 명령어는 Visual Studio Code(VSCode)를 터미널에서 실행할 때 사용됩니다. 각 요소의 의미는 다음과 같습니다:code: VSCode를 실행하는 명령어입니다.. (점): 현재 디렉토리를 나타내며, 이 위치를 VSCode에서 엽니다.-r 옵션: 현재 열려 있는 VSCode 창을 재사용하여 지정한 디렉토리를 엽니다. 이 옵션을 사용하면 새로운 창을 열지 않고 기존 창에서 작업을 이어갈 수 있습니다.따라서, code . -r 명령어는 현재 디렉토리를 VSCode에서 열되, 이미 열려 있는 VSCode 창을 재사용하여 작업을 진행하는 데 유용합니다. 만약 터미널에서 code 명령어를 사용할 수 없는 경우, VSCode에서 다음 단계를 통해 설정할 수 있습니다:VSCode를 실행..

돔은 웹 문서의 구조화된 표현이다.

1. Debugger for Java 자바 디버거 기능 2. Extention Pack for Java컬렉션, 디버거 등 활용 가능 3. Gradle for Java자바 빌드 관리 기능 4. IntelliCode코드 작성 도움 기능 5. intelliCode API Usage Examples코드 작성 예제 API 기능 6. Korean Language pack for Visual Studio CodeVSCode 한국어 지원 기능 7. Live Server로컬환경에서의 서버 지원 기능 8. project ManagerVSCode에서 폴더를 프로젝트 별로 관리할 수 있는 기능 9. Test Runner for JavaJava코드를 실행할 수 있는 기능

1. node.js 홈페이지 가서 LTS 버전으로 설치하기 2. 계속 버튼을 클릭하여 설치하기 3. 터미널에서 node -v 작성하여 설치 확인

동기 작업 vs 비동기 작업 핵심 비교동기 작업 (Synchronous): 하나의 작업이 완료될 때까지 다음 작업을 기다리는 방식입니다. 마치 줄을 서서 차례대로 업무를 처리하는 것과 같습니다. (한 작업 후 한 작업)비동기 작업 (Asynchronous): 현재 작업의 완료 여부와 관계없이 다른 작업을 동시에 진행할 수 있는 방식입니다. 여러 작업을 동시에 처리하여 효율성을 높일 수 있습니다. (동시 다발성 작업)예제 코드를 통한 이해다음 코드를 통해 동기/비동기 작동 방식을 명확히 이해해 보겠습니다.JavaScriptconsole.log('1');setTimeout(() => { console.log('2');}, 0);console.log('3'); 출력 결과:132 해설:위 코드의 출력 결과..