항해99

2021년 12월 7일 첫 사전 강의 수강하게 되었다.

간단한 동작방법과 주차가 끝나면 만들게 되는것들을 보며 이게 될까 걱정이 앞선다.

시작은 파이참이라는 프로그램을 설치하는것부터 시작하였으며 HTML CSS 기초개념을 간단하게 들었다.

항해99 수강 전 무료강의에서 들은 부모자식 구조라는것도 다시한번 짚고 넘어갔다.

<div>  <!-- 부모-->
	<button>버튼</button>  <!-- 자식-->
</div>

CSS는 태그안에

  <head>
    <style>
      
    </style>
  </head>

전체 스타일 관여 = * {}
해당 클래스 스타일 관여 = .(class명) {}

margin : 바깥여백
padding : 안쪽여백
border : 테두리
단위는 px;로 지정했다. auto;로도 지정가능한점 메모..

폰트 지정하는법도 배웠다.
구글 폰트 검색하여 맘에드는 폰트 확인 후 [+Selec this style]
link태그 복붙을 head안에 넣는다.
폰트패밀리는 스타일 태그안에 넣는다. (*{}에 쓰면 전체 적용)

파일 분리에 대해 배웠다.
나중에 수많은 파일 페이지에 있는 글꼴을 한번에 변경하려면 CSS파일을 따로 만들어 한페이지에서 모두 적용될수있도록 분리관리하는 방법.

Java와 javascript의 차이
인도와 인도네시아
코끼리와 바다코끼리

자바스크립트는 head 태그 안에 script 태그를 써서 사용해야 동작한다. 간단한 alert 함수로 경고창을 띄어봤다.

변수 지정은 let으로 하며 리스트와 딕셔너리를 배움
리스트 : [순서를, 지켜서, 가지고, 있는, 형태]
딕셔너리 : {키 : 값, 키:값}
리스트와 딕셔너리를 동시 활용하면 다루기쉽고 깔끔해짐을 느낄수있다.

함수 기본 틀
// 만들기
function 함수이름(필요한 변수들) {
내릴 명령들을 순차적으로 작성
}
// 사용하기
함수이름(필요한 변수들);

틀을 사용한예시

function sum(num1, num2) {
	console.log('num1: ', num1, ', num2: ', num2);
	return num1 + num2;
}

sum(3, 5); // 8
sum(4, -1); // 3

조건문은 if else를 사용하며 if / else if / ... / else 처럼 조건을 여러번 넣을수있다.
(파이썬에서는 elif 였던거 같다)
and : &&
or : ||
같다 : ==

반복문은 For문을 사용한다.

함수 기본틀

for (변수 변수명 = 0; 변수명 < 100; 변수명++) // 변수명이 0일때 100까지 하나씩 더해서 ~ 해라

length는 길이를 나타내는 함수이며 반복문 조건에 사용할수있다.

마지막으로..
사전강의를 마친 소감은 강의 들을땐 이해가 된다 뭐 이렇게동작하는구나
근데 내가 하라고 하면 뇌가 하얘져 그러다가 다시 코드 복붙을 시작하게 되는걸 느낌..
아무리 강의를 많이본들 내손으로 하나하나 써야하는걸 다시금 느끼게 된 계기가 되었다.

                      ps) 제출하니 2주차가 열린것을 보니 공부할게 산더미였어 공부하자

이 문제에 관하여([WIL] 사전 강의), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tkejt1343/WIL-사전-강의

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

[WIL] 사전 강의