230302 풀스택 1일차 - 자바스크립트 기초설명1

황인성·2023년 3월 3일
0

오리엔테이션

가입해야할 사이트 가입하고

필수영상 전부 시청하고

벨로그에 https://velog.io/@jhs512/%EC%98%81%EC%83%81%ED%9B%84%EA%B8%B0-%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-%EC%9D%B8%ED%84%B0%EB%84%B7%EA%B3%BC-%EC%9B%B9%EC%9D%98-%EC%97%AD%EC%82%AC

영상후기 - 생활코딩, 인터넷과 웹의 역사

movie인터넷은 작은 네트워크들이 합쳐진 거대한 하나의 네트워크이다.웹은 네트워크위에 구현되어 있다.웹은 웹 브라우저와 웹 서버로가 통신하는 방식으로 작동한다.

velog.io
이런식으로 게시글 올리기

SBS 아카데미 국기 풀스텍 과정 수업페이지
수업페이지

https://wiken.io/ken/12027

위캔 | Ken 12027

wiken.io
웹이라는 세상에서

HTML은 배우

CSS는 분장팀

JS는 감독

자바스크립트 기초

https://wiken.io/ken/12028

위캔 | Ken 12028

wiken.io

자바스크립트에서 오토컴플리트라는 기능때문에 처음 시작할때

console.clear(1);를 미리 써놓고 시작하면 수월하다.

변수

변수 선언 키워드

var (구형 자바스크립트 문법)

const (상수)

let (변하는 수)

변수 선언 : 변수를 선언하는 것

변수 할당 : 선언된 변수에 값을 할당하는 것

변수 초기화 : 변수 선언 후 값 할당까지 하는 것

-데이터 => 문자, 숫자, boolean(참/거짓)

-변수

-문장

-조건문

if(조건) {

}

&& (and, 그리고)

||(or, 또는)

변수는 좌항에 많이 사용합니다.

if (age >= 19 && age <= 34) { }; O

if (19 >= age && 34 <= age) { }; X

html 선택자

id = "select1"

#select1 {

}

class = "select2"

.select2 {

}

참 / 거짓 구별 하는 문제

코드에 있는 if 문을 해석하고 참 / 거짓을 판별하여 콘솔에 "참" / "거짓" 을 입력하여

콘솔창에 전부 "참"만 나오게 한다

(거짓은 표시되지 않게 설정되어있음)

https://codepen.io/insung5189/pen/OJopvXz?editors=0011

230302 HTML CSS JS 기초설명 - if문3 문제풀이

...

codepen.io

자바스크립트

함수

https://codepen.io/insung5189/pen/rNZydwB?editors=0011

230302 HTML CSS JS 기초설명 - 함수

...

codepen.io

매개변수 기능

함수가 실행만 되고 끝나는겨웅도 있지만 데이터를 판별해서 실행할 수도 있겠지

함수가 받는 변수 = 매개변수(data)

/*

function 편의점미성년자판별기능() {
let age = 19;
if (age < 20) {
console.log("미성년자입니다. 돌아가세요");
} else if (age >= 20) {
console.log("성인입니다.");
}
}

편의점미성년자판별기능();

*/

여기에서 function 편의점미성년자판별기능( ) 괄호안에 age를 넣어주고

(실행)편의점미성년자판별기능( ); 괄호안에 변수의 할당값을 넣어주면 실행된다.

매개변수는 일종의 선언이라고 생각하면 됨.

https://codepen.io/insung5189/pen/RwYpMex?editors=0011

230302 HTML CSS JS 기초설명 - 함수(매개변수 적용해보기)

...

codepen.io

디버깅이 뭐지

컴파일은 뭐지

공지사항

수업페이지에 선생님이 공지사항 영상 찍어놓으신거 확인

필수영상 꼭 시청 후 내용을 두 줄 이상 요약해서 적기

나중에는 프로그래머스나 알고리즘도 하겠지만 일단은 여기까지

벨로그에 글을 쓰면 주소가 나오고 앞에 구분되게 넘버링 해서 카톡방에 인증할 수 있도록 함.

profile
문제 해결을 위해 끊임없이 파고드는 걸 좋아합니다.

0개의 댓글