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

마무리 문제 01. 사용자가 프롬프트 창에 숫자를 입력했을 때 그 숫자를 함수로 넘겨주고 함수에서는 숫자가 양수인지 음수인지, 또는 0인지 판단해서 알림 창에 보여주는 프로그램을 작성해 보세요. 길라잡이 숫자를 받아서 양수,음수,0을 판단하고 알림 창에 표시하는 함수를 선언 합니다. parseInt() 함수를 사용해 프롬프트 창에 입력한 내용을 숫자로 변환합니다. 반환값이 숫자일 경우에만 함수를 실행합니다. let user = prompt("숫자를 입력해 주세요")//사용자가 숫자를 입력할 입력창을 불러옵니다. if(user0){ document.write("양수");// 만약 입력한 숫자가 0보다 크다면 "양수"를 출력합니다 }else{ document.write("0");// 만약 입력한 숫자가 0이..

데이터 제어하기 - 데이터를 제어하는 방법은 여러가지 방법이 있습니다. - 저희가 앞에서 배웠던 if문, 삼항 연산자, switch문, for문 같은 것들도 모두 데이터를 제어하는 방법 중 하나입니다. - 오늘은 그 것들을 제외한 나머지 방법들에 대해서 알아보도록 하겠습니다. while 문 - 조건식이 true 일 경우에 계속해서 반복하는 함수입니다. - 조건식에는 비교 또는 논리 연산식이 주로오는데, 조건식이 false가 되면 반복 행위를 멈추고 while문을 종료합니다. let num = 0; while(num

함수란: - 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다. - 함수는 자바스크립트의 기본 구성 요소 중 하나입니다. - 함수를 실행할 때는 반드시 함수를 불러와야 합니다. - 함수에 "function"을 뻬고 "=","=>"을 넣어 줄여쓰는 방법이 있습니다. 그것을 화살표 함수 라고 부릅니다. 01. 선언적 함수 - 선언적 함수는 가장 기본적인 형식으로 되어있습니다. - 기본형식은 "function 함수명(){실행문}" 입니다. function func(){ document.write("선언적 합수입니다.") } func()// 함수를 불러오는 명령문 입니다. // 결과값: 선언적 함수 입니다 //위의 것을 화살표 함수를 써서 줄인 방법입니다. func1 = () ..

- 데이터를 저장하는 방법은 크게 4가지가 있습니다. - 변수, 상수, 배열, 객체인데 오늘은 이것들에 대해서 공부해보겠습니다. 변수 - 하나의 데이터만 저장이 가능합니다. - 데이터를 저장하는 것 뿐만 아니라 변경, 추가도 가능합니다. - 기본적으로 "let 변수명 = 저장할 데이터" 형식이며 "var"를 사용하기도 합니다. let x = 100; // x의 값을 100이라고 저장을 했습니다. let x = 200; // x의 값을 100에서 200으로 바꾸었습니다. let x += 200; // 기존 x 의 값에서 200을 더하여서 400이 되었습니다. 상수 - 변수와 마찬가지로 하나의 데이터만 저장이 가능합니다. - 변수와는 다르게 변경과 추가가 불가능합니다. - 실수로 바뀌면 안되는 값을 입력할 ..