전체 글223 10-2장 자바스크립트 함수 다루기 공부할 내용 (406~417쪽) 1.스코프 스코프는 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙이다. -함수 스코프 함수 스코프는 함수에저 정의한 블록문만 스코프의 유효범위로 인정하는 방식이다. let a = 10; // 전역 스코프 function sum(){ let b = 10; // 지역 스코프 console.log(`함수 내부: ${b}`); } sum(); console.log(`함수 외부: ${a}`); -블록 스코프 {}로 구성된 블록문 기준으로 스코프의 유효범위를 나누는 방식이다. var a = 10; { var b = 20; console.log(`내부 a: ${a}`); console.log(`내부 b: ${b}`); } console.log(`외부 a: ${a}`); c.. 2023. 3. 22. 10장 자바스크립트 함수 다루기 공부할 내용 (392~405쪽) 1.함수란? -함수는 자바스크립트에서 어떤 목적을 가지고 작성한 코드를 모아 둔 블록문이다. for (let i = 1; i { for(let i = 1; i 2023. 3. 21. 9장 자바스크립트 기초 문법 살펴보기 공부할 내용 (366~389쪽) 1. 조건문 다루기 -if,else,else if 문 if문은 조건식이 참이면 코드를 실행하는 조건문이다. else는 if 조건문이거짓이면 실행되는 조건문이다. else if문은 일일이 조건을 걸어 실행하는 조건문이다. const num ='Saturday'; if (num === 'Monday') { console.log("I hate Mondays") } else if(num === 'Saturday') { console.log("I love Saturdays") } -switch문 case에 따라 값이 맞으면 블록문을 실행한다. switch (num) { case 1: console.log("1"); break; case 2: console.log("2"); brea.. 2023. 3. 20. 8장 자바스크립트 기초 문법 살펴보기 공부할 내용 (332~365쪽) 1. 변수와 상수 -변수는 변하는 수를 뜻한다. -let 호이스팅이 일어나지 않는다. -const 기본 내용은 let 과 같지만 const 키워드는 재할당이 안된다. 2.자료형 -문자형 "나"로 둘러싸인 형태를 문자열이라고 한다. let string ="hello gilbut" -숫자형 자바스크립트 정수와 실수를 구분하지 않고 전부 하나의 숫자로 취급한다. let num1 = 11 let num2 = "gilbut" -논리형 논리형은 참 또는 거짓에 해당하는 논리값인 true 와 false를 뜻한다. -underfined 변수나 상수를 컴퓨터 메모리 공간에 선언하면 반드시 생성한 공간에 저장할 데이터를 할당하는데 할당하지 않을 경우 임시로 사용하는 것이다. -null nu.. 2023. 3. 17. 7장 자바스크립트 시작하기 공부할 내용 (320~329쪽) 1. 자바스크립트 연결하기 -내부 스크립트 -외부스크립트 2. 자바스크립트 코드 실행하기 -콘솔창 사용하기 -확장프로그램 사용하기 3. 주석 자바스크립트의 주석은 -한줄일때는 // -여러줄일때는 /* */를 사용한다. -자바스크립트 오류 확인하기 오류가 발생하면 크롬의 개발자 도구에서 가장먼저 확인할수 있다. 2023. 3. 15. 6장 효과적인 레이아웃을 위한 CSS 속성 다루기 공부할 내용 (278~315쪽) 1.flex box 레이아웃의 기본 속성 -display 속성 모든 플렉스 박스 레이아웃은 display 속성값을 flex나 inline-flex로 지정하는 것에서 시작한다. (flex는 적용된 요소의 다음요소가 항상 줄바꿈 되고 inline-flex는 다음 요소가 주변에 배치되게 한다.) -flex-direction 속성 플렉스 박스 레이아웃의 주축 방향을 결정한다. -flex-warp 속성 플렉스 컨테이너 영역을 벗어날때 어떻게 처리할지를 결정한다. -flex-flow 속성 flex-direction 속성과 flex-wrap 속성을 한번에 사용할 수 있는 단축 속성이다. -justify-content 속성 플렉스 아이템을 주축 방향으로 정렬할때 사용한다. -align-.. 2023. 3. 14. 이전 1 ··· 26 27 28 29 30 31 32 ··· 38 다음
