brunch

You can make anything
by writing

C.S.Lewis

by Master Seo Jan 13. 2022

(책후기) 혼자 공부하는 자바 스크립트-2021

혼자서 공부하기 좋은 책이다.

1주일에 1장정도 진도 나가면 된다.

2달이면 책 1권은 다 해보게 된다.


자 ~ 자바 스크립트 시작해보자

2022년에는 프론트앤드 개발자가 되어보자~~ ^^



1장, 2장

<1> 비주얼 스튜디오 코드 설치

<2> 자바와 자바 스크립트는 아예 다르다.

<3>  크롬 콘솔에서 코드 실행해보기

<4> 비주얼 스튜디오에서 실행

<5> 자바 스크립트 문법



<1> 비주얼 스튜디오 코드 설치


https://code.visualstudio.com/download



<2> 자바와 자바 스크립트는 아예 다르다.


자바와 자바 스크립트는 아예 다르다.


1

웹개발 역사 ?


웹클라이언트 = 자바 스크립트

웹 서버 애플리케이션 = C#,  자바, 루비, 파이썬 등으로 개발


Node.js  등장 = 자바 스크립트로 웹서버 애플리케이션 개발 가능


자바 스크립트로 모든 웹개발 가능해짐


2

앱 개발?

안드로이드 = 자바, 코틀린

아이폰 = 스위프트


자바스크립트로 네이티브 앱 개발 = 리액트 네이티브

웹앱 처럼 개발 = 리액트 네이티브



<3>  크롬 콘솔에서 코드 실행해보기


1

CTRL + SHIFT + I

개발자 도구 실행


>  Console 가서 실행


2

문법 검사?


CTRL + SHIFT + I

검사 가능

검사 메뉴 사용


오류 발생 위치 확인가능


클릭하며 오류 위치로 간다.




<4> 비주얼 스튜디오 에서 실행


1

 새파일 ?

 CTRL + N


2

글꼴 크기 조정 ?

파일 - 기본 설정 - 설정 - 폰트 크기 조정 = 20으로


3

화면에 나오는 언어 선택을 클릭해서 HTML 로 선택하라.


새창에 html 이라고 치면 html:5 선택 하면  코드가 나온다.


4

html을 작성해서 크롬 브라우져에 가져다 놓는다.


  

<!DOCTYPE html>

<html >

<head>

    <title>  </title>

    <script>

        const input = confirm ('수락?? ')

        // 출력

        alert(input)

    </script>

</head>

<body>

</body>

</html>



<5> 자바 스크립트 문법


1

주석 ?


//  주석


/*

주석

11

1

1

11

2

*/



2

\n  줄  바꿈

\ t   탭






같이 볼만한책

https://brunch.co.kr/@topasvga/1463



감사합니다.

매거진의 이전글 (몰아보기) 클라우드 네이티브 책들
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari