20220324[2일차 개발일지] Javascript

학습한 내용

▶기존 홈페이지

▶나이트 버튼 클릭시

style.css 파일 만들어서
style 조건 복사 붙여넣기 하고
.html 파일에 html 밑에
link rel="stylesheet" href="style.css" 붙여 넣으면 일괄적으로 스타일 변경가능.
※(편집이 더욱 쉬워짐)※

어제 배운 버튼작동을 if()문을 넣어 버튼 하나로 온오프처리함.
if(조건 === ''){} else{}
※등호는 무조건 === 3개를 쓰기※

※스타일 적용시 2가지 조건이 있다면
마지막에 !important;로 마무리하면 무조건 우선순위로 적용된다.※

☆★☆★☆
background-image : url() = url뒤 이미지를 배경으로 가져옴
background-size : cover ; = 이미지를 배경크기에 맞게 조정
★☆★☆★

Boolean
true와 false 값만 가진다.

Comparison Operator(비교연산자)

>, <=, <=, !==, ===(엄격하게 같다), ==(대충같다)를 쓴다.

Conditional Statements(조건문)
if()문이 true or false일때 그에 맞는 값을 주고
else일때 다른 값을 준다.


prompt창을 띄워 input_id 값을 입력하게 하고
if()문으로 정한 값이면 alert문으로 '님 안녕하세요^^'를 띄우고
그게 아니라면 alert문으로 '뉘슈?'라고 지정해준다.

Array(배열)
일일이 var――='' 이렇게 적지않고
일괄적으로 var――s=['','','']
대괄호로 묶어준 후 배열로 만들어 사용한다.

Loop(반복문)
for(;;){}문을 사용하여 조건이 될 때까지 반복적으로 시키게하는 코드
예를 들어 for(let i=0; i<2; i=i+1) 일 때
중괄호안에 있는 지시를 i<2가 될 때까지 반복한다.
let i=0 이므로 0부터 시작하고
i=i+1 이므로 1씩 더해주면서 1차례 2차례 지시를 반복실행한다.

※둘은 짝꿍이고 같이 쓰면 된다.※
let topics = ['html', 'css', 'js', 'python'];
for(let i=0; i<topics.length ; i=i+1){document.write('<'li>'+topics[i]+'<'/li>');}
이처럼 배열을 먼저쓰고 조건에 i<topics.length로 쓰게되면
topics에 들어있는 배열의 갯수만큼 list문으로 불러온다.

학습한 내용 중 어려웠던 점 또는 해결못한 것들

아직도 정신없고 배열도 반복문도 강사님과 같이하면 할 수 있는데, 혼자하려고하면 뭐가 뭔지 이게 맞는지 for의 조건은 또 어떻게 넣어야할지, id는 왜 꼭 넣어야하고 그런게 아직 서툴고 어렵다.

해결방법 작성

복습하고 구글링해서 감을 익히고 있지만 아직도 불안정한 느낌이다.

학습 소감

너무너무 재미있지만 별개로 또 어렵고 생소하게 느껴진다.
고작 2주만에 익숙하게 할 수 없는건 알고있다.
그래서 좌절보다 강사님 말씀처럼 흥미롭고 재미있게 생각하면서 접근하여 너무 공부하는 느낌보다 즐기는 느낌으로 하고싶다.

♡별개로
https://youd0313.github.io/MOMO/s1.html
복습을 하면서 반려묘의 홈페이지를 만들어봤는데
이미지 url를 하는 방법을 잘 모르겠어서
네이버블로그에 사진을 모두 올려 url을 땄는데
컴퓨터에서는 사진이 전혀 보이지않았다.
아무생각없이 카톡으로 친구에게 보내줬는데
거기서는 다 보였다,, 뭐지 내가 무엇을 실수했을까 생각했다.
오늘 강의가 끝난 후 강사님께 질문했더니
네이버에서는 네이버 이외에서는 이미지 파일을 보내지 않는다 하셨다.
그래서 컴퓨터에서는 이미지를 불러들이지 못 했고,
카톡에서는 보였던것이라 얘기해주셨다.
이미지 파일을 쓰는 방법을 더 구글링 해봐야겠다.