해보자고

[인프런] 초보자를 위한 자바스크립트 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 본문

프로그래밍/자바스크립트

[인프런] 초보자를 위한 자바스크립트 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음"

초코맛동산 2024. 3. 25. 19:49

 

#0. 계기

 

 

"자바스크립트가 보안이랑 무슨 상관이 있냐? 뭐길래 이 티스토리에서 다뤄?" 라고 누군가는 질문을 할 수 있을 것 같습니다. 이에 대한 답변을 하자면, "보안? 그거 코드 못 보면 무슨 소용이고,,"

 

 

 

졸업 프로젝트를 진행하며 자바스크립트를 접하게 되었는데, Node.js며 프론트 엔드며 해보다 보니 든 생각은 자바스크립트 엄청 많이 써!! 였습니다. 

 

이왕 찍먹해본 김에 제대로 이해라도 해보자, 싶던 와중 좋은 기회에 초보자를 위한 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 를 알게 되었습니다. 

 

 

#1. 초보자를 위한 강의?

 

 

이 강의를 볼까 말까 고민하면 1강 정도는 보고 고민하...시 잖아요?

 

이 강의는 1강만 봐도 간결한 글의 PPT, 풍부한 시각 자료, 온라인 에디터 사용, 양방향 소통 이 4가지 요소들이 초보자를 위한 강의구나 싶습니다. 

 

강의자료 중 일부

 

이 자료만 봐도 글 대신 이미지로 전하고자 하는 바를 이해할 수 있죠? 

 

코드샌드박스 업데이트 이슈

 

또한 코드 샌드박스 업데이트로 인한 권한 및 설정에 관한 부분이 꽤 변했는데 그에 대한 대응을 빠르게 해주십니다. 이 외에도 다양한 문의, 질문에 대해 빠르게 답변해 주십니다.

 

이해가 어렵고, 설정이 어려울 때 질문을 할 수 있는 존재가 있다는 게 학습에 큰 도움이 되는 환경인 것 같습니다. 

 

 

 

#2. 자바스크립트란? 

 

 

자바스크립트란 무엇인지 정리해 보며 어떤 언어를 배울지 간단하게 알아봅시다. 

덧붙인 조사 내용 없이 강의 내용으로만 구성하였으니 어떤 식으로 설명하는지 맛보기라고 아시면 좋을 것 같습니다.

 

자바스크립트

: 웹페이지를 동적으로 만들어주기 위해 개발된 언어.  

 

<동적? 정적?>

정적 웹사이트
: 아무런 상호작용 없이, 사용자가 매번 다른 요청을 해도 저장된, 같은 값만을 보여주는 웹페이지 

동적 웹사이트
: 키보드 입력, 마우스 클릭 등의 사용자 이벤트에 반응하고 파일 업로드 등의 다양한 기능이 존재하는 웹페이지 
< 자바? 자바스크립트? >

자바와 자바스크립트는 별개의 언어! 
당시 유행 중이던 '자바' 언어처럼 유행해라, 잘되라(?) 라는 의미로 자바스크립트로 이름이 붙은 것으로 알고 있습니다. 

 

 

자바스크립트의 용도 

 

1. 웹 개발

- 새로운 html 생성

- 글자 크기, 색상 등의 스타일 수정

- 동적 웹페이지 개발

 

2. 서버 개발

- 웹 서버 개발(Node.js) 

 

3. 애플리케이션 개발

- 안드로이드, IOS 애플리케이션 개발 

- 데스크탑 애플리에션 개발(React Native, Electron 등)

(좌) Android는 Google Inc.의 상표입니다.

 

 

자바스크립트 동작 방식

 

 

자바스크립트는 '자바스크립트 엔진'이 포함된 환경에서 실행됩니다. 이 '자바스크립트 엔진'은 자바스크립트 코드를 실행하는 프로그램으로 웹브라우저에 포함되어 있습니다. 따라서 웹브라우저는 자바스크립트 실행 환경, 런타임이라고 합니다. 

 

사파리, 파이어폭스, 크롬, 엣지 등을 웹브라우저라고 하고, 대표적인 자바스크립트 엔진은 크롬 브라우저에 V8엔진이 있습니다.    

 

 

 

 

 

#3. 강의 뭐가 특별한데? 

 

1. 현직자의 시선

현직자의 시선에서 필요한 부분만, 위트있게 강의로 녹여내신 것 같더라고요. 한 강의 자체도 짧아서 필요한 부분만 집중할 수 있었습니다. 

 

 

 

2. 간결한 강의 자료 

강의 자료의 글 대신 그림과 설명이 주여서 그런지 지루하지 않고 이해하기 좋았습니다. 

 

 

 

3. 스크립트 페이지 

인프런 자체의 스크립트도 있지만 따로 스크립트 페이지가 개설되어 있어 좋습니다. 강의 후 정리 삼아 읽어보기도 좋았고, 강의 영상보다 책 읽듯 공부하는 걸 선호하시는 분이 꽤 많더라고요.   

 

https://one-step-js.hyobb.com/e3c6a738-9bbc-4900-ad04-657caff53578

 

 

4. 인프런이라는 플랫폼

 

대형 강의 플랫폼의 장점들이 고스란히 녹아져 있습니다. 질의응답 시스템, 강의 공지 등이 눈에 띄는 편이라 확인하기 쉽고, 강의 도중 노트하고 싶을 때 노트를 활용하여 정리하기도 좋습니다. 

 

강사님이 이벤트를 여실 때가 있으신데 완강을 위한 챌린지 모집, 선착순 할인 등의 혜택을 받기도 좋습니다. 

 

 

 

아직은 저도 강의 초입 단계인데 자바스크립트 입문 강의를 망설이시는 분들과 함께 저도 완주를 해보고자 글을 작성하게 되었고, 혹시 이 글 이후로 강의 완주 소식이 없다?

 

그럼, 제 글 거르십쇼. 

 

 

 

그러지 않도록 열심히 완강을 향해 달리고 솔직한 후기 남기겠습니다. 아자잣

 


 

 

아래는 강의 링크해당 강의의 할인 쿠폰(30%)을 첨부하였습니다.

 

쿠폰 번호 : 15510-513af80c45b8

강의 링크 : https://inf.run/7AC37

 

웹 프론트엔드를 위한 자바스크립트 첫걸음 강의 - 인프런

웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내딛어보세요✨, 쉽고 자세하게 배우는 자바스크립트🤓나만의 크롬 개발화면까지 뚝딱! 학생 50% 할인 쿠

www.inflearn.com