웹개발종합반 개발일지 1주차
스파르타 코딩클럽 웹개발종합반
1. 수강목적 : 코알못탈출 웹디자인에 필요한 기본지식 습득
2. 배운점 :
<script>
<style>은 몇번 써봤는데 <script>는 처음 써봤다. 사실 그 다음부터는 쳐보라는대로 치긴 했는데 함수 진짜 모르겠고... 사실 자바스크립트는 배울 수 있을지 막막함 하지만 시키는대로 해서 목록추출 , 필터링? 등을 해보았다.
function sum(num1, num2) {
console.log('숫자', num1, num2);
return num1 + num2;
}
sum(3, 5); // 8
sum(4, -1); // 3
강의자료에서 가져왔는데 사실 보면서도 잘 모르겠음.
더하는함수 (넘1,넘2) 이렇게쓰면 - > 콘솔창에 출력한다 -> 숫자 넘1 넘2 -> 그리고 넘1과 넘2를 더한값
이렇게 되는거 맞는가... 너무어렵군
function is_adult(age){
if(age > 20){ alert('성인이에요') }
else { alert('청소년이에요')
}
}
is_adult(age)일때 만약 age의 값이 20보다 크면 -> 성인이에요 얼럿이 뜨고 그렇지 않으면 청소년이에요 얼럿이 뜬다. 라고 써놓고 is_adult(25)를 주문하면 성인이에요 얼럿이 뜬다.
강의자료에 이렇게 써있었는데 20살부터는 성인이니깐 20과 같으면의 구문이 필요하다 . 저 구문을 그대로 쓰려면 19보다 크면으로 바꿔야 19보다 큰 20을 포함한 숫자를 입력했을때 성인이에요가 노출되는데 지금은 20보다 크지 않은 20을 입력하면 청소년이에요가 출력된다. 저 구문을 바꿔서 쓰려면 if(age>=20)으로 써야한다.
또는
중간에 else if를 넣어서 20보다 크면 / 20과 같으면 / 전부아니면 이렇게 나누어 쓸 수 있을 것 같다.
function is_adult(age){
if(age > 20){ alert('성인이에요') }
else if(age=20){alert('이제 막 성인이 됐어요') }
else { alert('청소년이에요')
}
}
하지만 보통은 성인인지 아닌지만 확인하기 때문에 위에처럼 >=나 19로 바꿔쓰는 것이 맞을 것 같다.
let scores = [
{'name':'철수', 'score':90},
{'name':'영희', 'score':85},
{'name':'민수', 'score':70},
{'name':'형준', 'score':50},
{'name':'기남', 'score':68},
{'name':'동희', 'score':30},
]
for (let i = 0 ; i < scores.length ; i++) { console.log(scores[i]); }
이렇게 데이터가 있다. 이 데이터의 이름은 scores 이고 문자데이터 name이랑 숫자데이터 score가 있다.
철수부터 0~ 동희가 5인듯 하다. i가 0에서 시작해서 i가 scores의 목록길이?보다(5보다?) 작으면 i를 더한다 그리고 그 데이터 scores의 i값이 콘솔창에 출력된다.
for (let i = scores.length ; i >= 0 ; i--) { console.log(scores[i]); }
이렇게 바꿔쓰면 목록의 끝에서부터 출력이 된다. i가 scores의 목록길이만큼이고 i가 0보다 작거나 크거나같을때까지 i의 수를 줄여가면서 콘솔창에 scores 데이터 값을 출력한다.
for (let i = 0 ; i < scores.length ; i++) { if (scores[i]['score'] < 70) { console.log(scores[i]['name']); } }
이렇게 하면 목록이 출력되는데 그 목록중에 score데이터가 70보다 작으면 콘솔창에 그 i값의 이름을 출력한다. 그런데 콘솔에 i의 이름과 점수를 함께 출력하려면 콘솔로그를 두번써야 하나?
['name','score'] 로 쓰면 score만 출력된다.
for (let i = 0; i < mise_list.length; i++) {
let mise = mise_list[i];
if (mise["IDEX_MVL"] < 40) {
let gu_name = mise["MSRSTE_NM"];
let gu_mise = mise["IDEX_MVL"];
console.log("40보다 작은 구: " + gu_name + ", " + gu_mise); } }
예시에 이렇게 되어있었는뎅 여기서 또 mis는 mise_list[i]임. mise의 idex_mvl(미세먼지수치)가 40보다 작으면 한다음에 또 무언가를 시킴 gu_name은 미세의 "msrste_NM"이고 gu_mise는 미세먼지수치이다. 그 다음에 콘솔에 출력시킴.
큰따옴표 작은따옴표차이는무얼ㄲ.....
암튼간에 저걸 갖다쓰면 될거같음
for (let i = 0 ; i < scores.length ; i++) {
let fail=scores[i];
if (fail['score'] < 70) {
let name=fail["name"];
let score=fail["score"];
console.log(name+'-'+score+'점');}}
이렇게하면
형준-50점
기남-68점
동희-30점
이렇게 나옴...이게 맞나....ㅋㅋㅋㅋㅋ이렇게 어려운것이었나...
렛츠를 몇번해야하네.............
- 부트스트랩 사이트 이용하기
나름 드자이너기땜에 css는 눈대중으로 알고있다! 허나 부트스트랩 넘나신기한것...css없이도 복붙만 하면 이쁜 버튼이 생김... 하지만 직접 스타일링 한걸 쓰는게 더 편할것 같다는 생각을 했다. 물론 부트스트랩에서 가져온 div클래스를 css에 이용하면 수정도 가능했다.
3. 보완할점
개발일지를 쓰는것은 매우 시간이 오래걸린다는것을 알았다... 총 강의들은 시간보다 이게 더걸림... 환장... 다음엔 계산을 잘 해야겠다 ^^.................
4. 앞으로의 계획
완강~(개발일지 쓰다가 완강못할것같으면 가뿐히 일지를 포기하겠음......핳)
