그날의 공부기록

seokachu's Front-End Archive 🙂

🐶 etc/2022기록

평소 console.log('찍어볼 대상'); 으로 하면그 내용 그대로 찍히는데 그 안에 있는 객체만 찍히게 하고 싶다면 console.dir('찍어볼 대상');dir을 사용한다.  addEventListener 함수이벤트 리스너를 추가함, 연결해주는것예를들어 여러 코드가있을때 const box = document.querySelector('.box'); btn.onclick = (e) => { e.preventDefault(); alert('클릭했습니다'); }이렇게 되어있는 코드에서 유지보수할때 코드확인을 안하고 const box = document.querySelector('.box'); box.o..

2022. 10. 26.

🐶 etc/2022기록

콜백함수함수가 들어간 함수는 콜백함수라고 함.다른 함수의 인자로써 넘겨진 후 특정 이벤트에 의해 호출되는 함수.  for자바스크립트에서 기본으로 제공하는 반복문  forEach 배열, 유사배열 모두 반복처리 가능반복기능만 있다. 배열, 유사배열에 쓸수있는 전용 내장함수  for (let i = 0; i { console.log('el', el); console.log('idx', idx); });   maps (es6) (리액트 할때 많이 씀)유사배열은 안됨x 순수배열만 가능반복을 돌면서 해당 배열값을 새롭게 복사해서 반환하는 기능이 있음. (불변성 유지 : immutable)  const colors = ['red', 'gr..

2022. 10. 26.

🐶 etc/2022기록

변수의 유효범위 (변수의 scope)- 지역변수 : 블록안에서 선언된 변수 (해당 블록에서만 읽힘)- 지역변수를 쓰는 이유 : 특정 코드블록 안에서만 전용으로 쓰이는 정보값을 저장- 전역변수 : 블록밖에서 선언된 변수 (어디서든 읽힘)- 전역변수를 쓰는 이유 : 복수개의 함수나 코드블록안에서 특정 값을 공유해야될때호이스팅(hoisting)- 블록안에서 선언된 지역변수값이 블록바깥으로 강제로 끌어올라가져서 전역변수화- 일반함수 블록이 아닌 조건문, 반복문 안쪽에 있는 지역변수는 호이스팅이 발생함수의 종류- 선언적함수 : 함수의 호출위치가 자유로움  - 익명함수 : 함수의 이름이 없는 함수 (해당 함수만으로는 호출이 불가, 이벤트에 대입, 변수에 대입)- 대입형함수 : 변수에 익명함수를 대입하는 형태 (변수..

2022. 10. 26.

🐶 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.

🐶 etc/VSCode

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

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.