[스파르타 코딩 클럽]1주차 개발일지

[스파르타 코딩 클럽]1주차 개발일지

말이 좋아 1주차지 지금 이틀차다...아 응애에요....

이전에 분명..나는 HTML/CSS기초를 배웠는데 말이지.. 그거 어디다 까잡쉈을까..

아래의 사진은 1주차 숙제로 만든 홈페이지?다?

아주 허접해보이지만...이거 3시간동안 붙잡고있었다.

내가 만든 홈페이지

http://jessiecom.dothome.co.kr <- 저거 인덱스에 걸어놨다(다른 건 할줄모름)

물론 주말에 복습을 하고 여기에 추가하겠지만 간단히 하자면

HTML/CSS JS 배움

CSS에서 가장 인상깊었던것:

1.웹폰트 적용하기, 부트스트랩 사이트

-https://fonts.google.com/?subset=korean 구글 웹폰트

2. CSS파일 적용하기

3.border-radius

내부요소들은 마진보다 패딩을 쓰자..!(아닐수도 있음 다시듣자...)

4. div에 이미지 적용하기 (위의 사진에서 크리스마스 리스)

background-image:url("이미지경로"); background-size:cover; backgournd-position:center

JS 배운것:

1.console.log

파이썬에서 print와 같음

2.변수를 선언할때 let 사용

let a=3 a>>3 a+2 >>5

3. for문은 씨언어랑 흡사한 것 같다!

for (let i = 0; i < 100; i++) { console.log(i); }

4. 대문자로 변경

==> myname.toUpperCase() // SPARTACODINGCLUB

5. .split() 쓰는 방법 파이썬과 같음

6.함수 정의

// 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수 function sum(num1, num2) { console.log('num1: ', num1, ', num2: ', num2); return num1 + num2; } sum(3, 5); // 8 sum(4, -1); // 3

7.조건문

function is_adult(age){ if(age > 20){ alert('성인이에요') } else { alert('청소년이에요') } } is_adult(25) // AND 조건은 이렇게 function is_adult(age, sex){ if(age > 20 && sex == '여'){ alert('성인 여성') } else if (age > 20 && sex == '남') { alert('성인 남성') } else { alert('청소년이에요') } } // 참고: OR 조건은 이렇게 function is_adult(age, sex){ if (age > 65 || age < 10) { alert('탑승하실 수 없습니다') } else if(age > 20 && sex == '여'){ alert('성인 여성') } else if (age > 20 && sex == '남') { alert('성인 남성') } else { alert('청소년이에요') } } is_adult(25,'남')

7.HTML에 자바스크립트 적용하기!

function order() { alert("주문이 완료되었습니다."); }

헤드에 넣고

주문하기

1주차 숙제에도 들어있다 ^3^

from http://jessiecom.tistory.com/15 by ccl(A) rewrite - 2021-12-22 21:28:13