kebab00's

조건문 - 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. - 대표적으로 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..

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

flex란 - display 속성 중 하나로써 요소들이 포함된 큰 박스에 flex를 선언하고, 안에 있는 요소들에게는 유연하게 배치하는 속성들을 부여하여 레이아웃을 잡는 것입니다. - flex 레이아웃을 만들기 위해서는 부모 요소에 display: flex; 속성을 지정해주면 됩니다. display: flex; display: -webkit-flex; display: -ms-flexbox; - 위 구문은 해당 요소에 flex로 레이아웃을 설계한다고 선언한다는 뜻입니다. flex의 속성들 - flex에는 여러가지 속성들이 있습니다. 어떠한 것들인지 한번 알아보겠습니다. flex-direction (배치 방향 설정) - 자식 요소를 나열하는 방향을 지정하는 속성입니다. 부모 요소에게 지정합니다. 속성 값 속..

- 오늘은 CSS 문자 관련 스타일에 대해 알아보겠습니다! - 이번 주에 학원 쌤이 해주시던 말씀이 생각이 나네요 페이지에서 폰트만 달라져도 사이트가 달라보인다고 하시더라구요 - 그만큼 문자의 스타일이 주는 효과가 매우 큰 것 같습니다. ㅎㅎ - 열심히 배워서 보기 좋은 사이트들을 만들어 봐요!! 내용출처 : 김광수 | 조혜경 저 Responsive Web Publishing 문자 관련 스타일 01.font-family - 폰트 종류를 설정하는 속성으로, 여러 단어이거나 한글 글꼴인 경우 따옴표("")로 감싸고 여러 개의 글꼴을 쉼표(,)로 구분하여, 지정한 글꼴이 없을 경우 그 다음 글꼴로 지정할 수 있습니다. font-family: '돋움', Arial, Helvetica, sans-serif; 02..