분류 전체보기
-
05. 변수프론트엔드/Javascript 2020. 9. 8. 17:37
# What? 이게 뭔데? - 어떤 데이터를 담은 저장공간 # How? 어떻게 쓰는데? - 변할 가능성이 있는 데이터 let 변수명; - 변할일이 없는 데이터 const 변수명; * 백틱(``) - 문자열 사이에 변수를 편하게 쓰고 싶을 때 사용 let name = "june"; console.log(`My name is ${name}`); // My name is june # Practice 연습 - 14살짜리 강아지의 나이를 사람 나이로 변환해보기 강아지는 사람보다 빨리 늙는다. 같은 10살이라도 사람은 어린 나이이지만, 강이지는 노인이나 마찬가지다. 강아지 나이를 사람 나이로 치환하는 방법은 다음과 같다. - 강아지 생후 2년동안은 사람으로 치면 1년당 5년과 마찬가지다. - 그 후 1년은 사람으로..
-
03. 연산프론트엔드/Javascript 2020. 9. 8. 00:26
# What? 이게 뭔데? - 더하기, 빼기, 나누기, 곱하기같은 기본적인 계산 1. 더하기 + ex. 4 + 1 2. 빼기 - ex. 5 - 1 3. 곱하기 * ex. 3 * 4 4. 나누기 / ex. 8 / 4 5. 나머지 % ex. 9 % 4 # Practice 연습 1. 오늘 사과를 쿠팡에서 35건, 위메프에서 85건, 티몬에서 5건 판매하였다. 총 몇건을 판매하였는지 콘솔에 찍어보기 2. 인류가 처음으로 달에 착륙했던 년도는 1969년이다. 그때로부터 몇년이 지났는지 콘솔로 찍어보기 3. 본인은 스터디카페를 운영하는 사장이고, 대여비 만원짜리 4인실 9룸을 보유하고 있다. 인제고등학교 학생 50명이 카페를 방문하였을 때 얼마를 벌 수 있는지 console로 찍어보기, 그리고 스터디룸에 들어가지 ..
-
02. 자료형(Data Types)프론트엔드/Javascript 2020. 9. 8. 00:01
# What? 이게 뭔데? 데이터의 유형 1. 숫자(Number) ex) 4, 8, 23.42 2. 문자열(String) ex) "문자열", "문" 3. 참거짓(Boolean) ex. true, false 4. 비어있는 데이터(Null) ex. null 5. 정의되지않은 데이터(Undefined) ex. undefined 6. 객체(Object) ex. {name: "준", age:99} 7. 배열(Array) ex. [1,2,3,4,5], ["123", "3423", "333"] # Practice 연습 1. 콘솔에 "안녕하세요"라는 문자열 찍어보기 2. 콘솔에 현재년도를 숫자로 찍어보기
-
01. 기초프론트엔드/Javascript 2020. 9. 7. 23:49
# What? 기초로 알고 있어야하는게 뭔데? 1. javascript 파일은 파일명.js와 같은 형태로 만들어야 한다. 2. console.log(보고싶은 내용);으로 console에 데이터를 찍어볼 수 있다. 3. 단일행 주석은 //, 여러행 주석은 /* 내용 */과 같은 형태로 달 수 있다. # Practice 연습 @ example.js console.log(123); // console.log(456); /* 이것은 테스트 내용입니다. 이것들을 주석처리 해보십시오 */
-
02. 글자 꾸미기프론트엔드/CSS 2020. 9. 2. 01:11
# What? font-size : 폰트크기(14px, 16px..) font-weight : 폰트굵기(medium, bold...) font-family : 글씨체 line-height : 줄간격 # How? 어떻게 꾸미는데? @ index.html 폰트 사이즈 폰트 굵기 글씨체 줄간격이 뭘가? 차이점이 뭘가? 줄간격이 뭘가? 차이점이 뭘가? @ style.css .text01 {font-size:40px;} .text02 {font-weight:bold;} .text03 {font-family:monospace;} .text04 {line-height:30px;} @ Practice 문제 화면에 다음과 같은 글씨 띄우기 이것은 48px 굵은 글씨 이것은 24px