그날의 공부기록

seokachu's Front-End Archive 🙂

🐶 etc/2022기록

변수?특정 데이터값을 임시로 저장하는 공간자주쓰는 데이터값을 효율적으로 관리한번 찾은 데이터를 재활용 하기 위해 사용 더보기더보기var 변수명 = 대입값;  //es5 //var num; //변수 선언 //num = 5; //변수에 값 할당, 대입 var num = 5; //변수 초기화 console.log(num); num = 3; //변수 재할당 console.log(num); //es6 //const : 값이 바뀌면 안될때, 상수 //const 방식은 재할당 불가능하고 배열이나 객체같은 참조형 값의 변경은 가능 //let : 특정 변수에 저장될 값이 자주 바뀔때 (재할당 허용) //let : 기존의 var 선언방식과는 다르게 호이..

2022. 10. 26.

🐶 etc/2022기록

Heap Memory→ 자주쓰는 값을 임시로 저장해둠(값을 언제든지 불러올 수 있게), 변수 저장되는공간 Call Stack→ 명령어를 담아두는곳, 한꺼번에 처리못함 스택이 천천히 쌓임. 업무 순차적으로 동작이 되는 상태 Web APIs (브라우저가 처리하는 업무들)DOM → 브라우저 화면에 출력해주는거AJAX → 서버에있는 데이터를 실시간으로 뿌려줌 비동기 서버통신Timeout → 일정시간 코드 시간지연 순서 정해져있음 → 동기방식업무 순서 정해져있지만 뭐가 먼저 끝날지 모름 → 비동기방식 자바스크립트는 인터프리터 언어(실시간으로 번역해줌)컴파일과정이 필요없다

2022. 10. 26.

📚 이론정리/CSS

1. 중첩이 가능한 Sass 일반적인 css의 예css는 부모에 따라 타고 내려가서 점점 상속되지만, 점점 길어져서 보기 힘들 수 있다.  하지만 sass문법에서는 부모를 생략할 수 있음.훨씬 보기 깔끔해진다.   2. 부모참조 &Sass의 &는 중첩된 상태일때 외부선택자를 참조가능하다.부모선택자를 다시 사용할 필요 없이 & 만 사용하여 효율적으로 사용할 수 있다.&:hover 또는 & + div 와 같은 선택자로도 활용가능하다.  & 선택자는 복합 선택자의 시작 부분에만 쓸 수 있다.예를 들어 :not(&) 는 가능하지만 .item& 처럼 끝에 쓰는 건 불가능 @media 같은 at-rules 가 중첩되어 있으면스타일 규칙이 그 안에 있도록 바꿔주기 때문에 쉽게 조건을 추가할 수 있음    https:..

2022. 10. 26.

🐶 etc/VSCode

Sass설치에는 두가지 방법이 있는데 그 중 vscode로 확장기능을 사용하여 설치하는 방법이다. 요즘은 vsCode로 편리하게 확장팩을 사용하여 컴파일 함

2022. 10. 26.

📚 이론정리/CSS

이론. sass는 css를 편리하게 사용할 수 있는 전처리기. → 전처리기 : 앞서 먼저 처리하는 명령어, 컴파일 전에 소스를 재구성 하는 역할을 함. sass를 사용하면 변수,조건문,반복문,함수 다양한 편의기능을 사용할 수 있음. css전처리기로 일반 css파일로 컴파일러 가능 컴파일러 인터프리터 번역 단위 프로그램 단위로 번역한다. 명령문 줄 단위로 번역한다. 수행 과정 번역과 실행이 따로 이루어짐 번역과 실행이 동시에 이루어짐 목적 프로그램 번역 후 저장을 위해 필요함 코드를 바로 실행하므로 불필요 효율성 고효율 저효율 필요한 기억 공간 많이 필요함 적게 필요함 대표적인 예 C, Java Java, Python, JavaScript sass는 ruby라는 언어를 기반으로 동작돼 ruby를 설치해야 ..

2022. 10. 26.

🐶 etc/VSCode

Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2022년에 내 입맛대로 바뀐 확장 기능 팩 list (추가중) - 테마 Atom One Dark Theme Monokai Pro 두개 번갈아가면서 쓰는 편 - 필수 확장팩 Korean Language ..

2022. 10. 26.