학습단/HTML+CSS+Javascript 학습단18 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. 5-2장 css 필수 속성 다루기 공부할 내용 (223~276쪽) 1. 위치 속성으로 HTML 요소 배치하기 -positon 속성 HTML 요소를 기본 흐름에서 벗어나 좌푯값에 따라 배치할때 사용한다. 형식 positon: 속성 값 static - 요소를 기본흐름에 배치한다. relative - 요소를 기본 흐름에 따라 배치하지만 촤표속성을 사용 할 수 있다. absolute - 요소를 기본 흐름에서 벗어나 절대적인 좌표 위치에 따라 배치한다. fixed - 위치가 고정되어 있다. sticky - 지정한 좌표의 임계점에 이르면 fixed처럼 화면에 고정된다. 2.clear 속성 float 속성을 해제할때 사용한다. 3. 전환 효과 속성 적용하기 -transition-property 속성 전환 효과를 적용할 대상 속성을 지정한다. -tra.. 2023. 3. 13. 이전 1 2 3 다음
