데이터 불러오기 자바스크립트에서 데이터를 불러오는 종류를 알아봅시다. 01. 변수 : 데이터 불러오기 - 변수 안에 있는 데이터를 불러오는 방법입니다. { let x = 100, y = 200, z = "javascript"; console.log(x, y, z); } // 100 200 javascript 02. 상수 : 데이터 불러오기 - 상수 안에 있는 데이터를 불러오는 방법입니다. { const x = 100, y = 200, z = "javascript" console.log(x, y, z); } // 100 200 javascript 03. 배열 : 데이터 불러오기 - 배열 안에 있는 데이터를 불러오는 방법입니다. { const arr = [100, 200, "javascript"]; cons..

조건문 - 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. - 대표적으로 if 문과 switch 문이 있습니다. if문 - if 문은 if 다음에 소괄호를 사용해서 조건을 표기합니다. - 조건을 체크한 후 결괏값이 true이면 실행하고 false이면 다음 명령을 시행합니다. - 기본형식은 if(조건문){ 조건이 true일 때 실행할 명령};입니다. let a = 100 if(a=100){ document.write("실행"); } // 실행 if... else문 - if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓(false) 일 때 주어진 실행문을 실행합니다. - if 문이 단순히 결괏값이 true일 때만 명령을 수행한다면 if... else문은 ..

오늘은 그동안 자바스크립트 배웠던 것을 복습해 보겠습니다. 크게 데이터 저장하기, 반복문, 조건문, 함수가 있는데요 오늘 데이터 저장하기와 반복문을 복습하고 내일 조건문과 함수를 복습해 보겠습니다. 01. 데이터 저장하기 변수 - 변수의 가장 큰 특징은 저장한 데이터를 바꾸거나 추가를 할 수 있다는 점입니다. - 또한 데이터를 하나만 저장 할 수 있다는 특징이 있습니다. - 보통 let을 쓰고 var를 쓸 수도 있습니다. var x = 10; let y = 20; document.write(x); document.write(y); // 10 // 20 상수 - 상수도 변수와 같이 데이터를 하나만 저장이 가능합니다. - 상수는 변수와 달리 저장한 데이터를 바꾸거나 추가할 수 없습니다. - const를 써서..

- 오늘 학원에서 시험을 봤습니다. -시험에서 틀렸던 문제와 어려웠던 문제를 같이 풀어보면 좋을 것 같아 하나씩 가져와봤습니다. 첫번째 문제입니다!! const obj = new Object(); obj[0] = 100; obj[1] = 200; obj[2] = "javascript"; console.log(______); console.log(______); console.log(______); //100 //200 //javascript - 사실 자세히 보고 풀면 어렵지 않은데 빠르게 풀다보니 놓친 문제입니다. - console.log 안에 있는 실행문을 쓰는 문제입니다. - 일단 객체라고 헷갈릴 수도 있지만 obj[0]이라는 형식을 보니 배열입니다. - 출력된 값이 100,200,javascript..

Chanter01. 월요일이 아닌데 왜 월요병? morning. 오늘은 아침부터 매우 힘들었다. 어제 분명 학원에서 마실 카누를 사고 아침에 가방에 넣은 것 같은데 학원에 와서 보니까 카누가 없었다... 학원에 이미 와서 커피를 사마시지도 못하고... 카누도 없고... 학원 올 때만 해도 정신이 멀쩡했는데 커피가 없다는 걸 깨닫자마자 정신이 혼미해지기 시작했따... 혼미한 정신으로 Javascript 수업을 들었다. 선생님께서 정신이 말짱한 아침에 Javascript 수업을 들어야한다고 하셨는데 아침에 정신이 말짱하지는 않는 것 같다.. 아무튼 스크립트 수업이 끝나고 점심을 먹으러 갔다. afternoom. 점심은 고독한 미식가들과 함께 미쓰싸이공에 가서 쌀국수를 먹었다. 나름? 괜찮았다. 양도 꽤 넉넉..

grid란 - CSS 그리드 레이아웃은 웹페이지를 위한 이차원 레이아웃 시스템입니다. - 이 기능을 통해 콘텐츠를 행과 열에 배치할 수 있으며 복잡한 레이아웃을 직접 직관적으로 구축할 수 있는 많은 기능이 있습니다. - 그리드 레이아웃은 비교적 직관적이어서 다른 레이아웃보다 사전지식이 덜 필요합니다. HTML 삽입 미리보기할 수 없는 소스 - 위의 예제는 그리드를 이용해 레이아웃을 만든 것 입니다. - 이제 코드를 보면서 설명을 해보겠습니다. - 일단 body에 부모요소인 wrap 하나와 그안에 각 박스를 구성할 요소들을 5개 만들어 주었습니다. - 그 후 style에 wrap을 제외한 나머지 요소들에게 색과 gird-area: 이름; 을 넣어주면 준비는 끝났습니다. #wrap { width: 1200p..