일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 드림핵 리버싱
- 리버싱 초보
- 티스토리챌린지
- 리버싱 핵심 원리
- 리버싱 플래그
- 더오름
- 리버싱핵심원리
- 안드로이드 모바일 앱 모의해킹
- 자바스크립트
- 안드로이드 adb start-server
- 자바스크립트 강의 추천
- adb 옵션
- 드림핵 리버싱 풀이
- 위니브
- adb
- 강의 체험단 1기
- 인프런 강의 추천
- 제주코딩베이스캠프
- 자바스크립트강의 후기
- 자바스크립트 강의
- 제주ICT
- 드림핵 플래그
- dreamhack reversing
- 리버싱 스터디
- 리버싱
- 오블완
- 안드로이드 adb
- 안드로이드 리버싱
- rev-basic 풀이
- 리버싱 입문
- Today
- Total
해보자고
[인프런] 초보자를 위한 자바스크립트 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 본문
#0. 계기
"자바스크립트가 보안이랑 무슨 상관이 있냐? 뭐길래 이 티스토리에서 다뤄?" 라고 누군가는 질문을 할 수 있을 것 같습니다. 이에 대한 답변을 하자면, "보안? 그거 코드 못 보면 무슨 소용이고,,"
졸업 프로젝트를 진행하며 자바스크립트를 접하게 되었는데, Node.js며 프론트 엔드며 해보다 보니 든 생각은 자바스크립트 엄청 많이 써!! 였습니다.
이왕 찍먹해본 김에 제대로 이해라도 해보자, 싶던 와중 좋은 기회에 초보자를 위한 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 를 알게 되었습니다.
#1. 초보자를 위한 강의?
이 강의를 볼까 말까 고민하면 1강 정도는 보고 고민하...시 잖아요?
이 강의는 1강만 봐도 간결한 글의 PPT, 풍부한 시각 자료, 온라인 에디터 사용, 양방향 소통 이 4가지 요소들이 초보자를 위한 강의구나 싶습니다.
이 자료만 봐도 글 대신 이미지로 전하고자 하는 바를 이해할 수 있죠?
또한 코드 샌드박스 업데이트로 인한 권한 및 설정에 관한 부분이 꽤 변했는데 그에 대한 대응을 빠르게 해주십니다. 이 외에도 다양한 문의, 질문에 대해 빠르게 답변해 주십니다.
이해가 어렵고, 설정이 어려울 때 질문을 할 수 있는 존재가 있다는 게 학습에 큰 도움이 되는 환경인 것 같습니다.
#2. 자바스크립트란?
자바스크립트란 무엇인지 정리해 보며 어떤 언어를 배울지 간단하게 알아봅시다.
덧붙인 조사 내용 없이 강의 내용으로만 구성하였으니 어떤 식으로 설명하는지 맛보기라고 아시면 좋을 것 같습니다.
자바스크립트
: 웹페이지를 동적으로 만들어주기 위해 개발된 언어.
<동적? 정적?>
정적 웹사이트
: 아무런 상호작용 없이, 사용자가 매번 다른 요청을 해도 저장된, 같은 값만을 보여주는 웹페이지
동적 웹사이트
: 키보드 입력, 마우스 클릭 등의 사용자 이벤트에 반응하고 파일 업로드 등의 다양한 기능이 존재하는 웹페이지
< 자바? 자바스크립트? >
자바와 자바스크립트는 별개의 언어!
당시 유행 중이던 '자바' 언어처럼 유행해라, 잘되라(?) 라는 의미로 자바스크립트로 이름이 붙은 것으로 알고 있습니다.
자바스크립트의 용도
1. 웹 개발
- 새로운 html 생성
- 글자 크기, 색상 등의 스타일 수정
- 동적 웹페이지 개발
2. 서버 개발
- 웹 서버 개발(Node.js)
3. 애플리케이션 개발
- 안드로이드, IOS 애플리케이션 개발
- 데스크탑 애플리에션 개발(React Native, Electron 등)
자바스크립트 동작 방식
자바스크립트는 '자바스크립트 엔진'이 포함된 환경에서 실행됩니다. 이 '자바스크립트 엔진'은 자바스크립트 코드를 실행하는 프로그램으로 웹브라우저에 포함되어 있습니다. 따라서 웹브라우저는 자바스크립트 실행 환경, 런타임이라고 합니다.
사파리, 파이어폭스, 크롬, 엣지 등을 웹브라우저라고 하고, 대표적인 자바스크립트 엔진은 크롬 브라우저에 V8엔진이 있습니다.
#3. 강의 뭐가 특별한데?
1. 현직자의 시선
현직자의 시선에서 필요한 부분만, 위트있게 강의로 녹여내신 것 같더라고요. 한 강의 자체도 짧아서 필요한 부분만 집중할 수 있었습니다.
2. 간결한 강의 자료
강의 자료의 글 대신 그림과 설명이 주여서 그런지 지루하지 않고 이해하기 좋았습니다.
3. 스크립트 페이지
인프런 자체의 스크립트도 있지만 따로 스크립트 페이지가 개설되어 있어 좋습니다. 강의 후 정리 삼아 읽어보기도 좋았고, 강의 영상보다 책 읽듯 공부하는 걸 선호하시는 분이 꽤 많더라고요.
4. 인프런이라는 플랫폼
대형 강의 플랫폼의 장점들이 고스란히 녹아져 있습니다. 질의응답 시스템, 강의 공지 등이 눈에 띄는 편이라 확인하기 쉽고, 강의 도중 노트하고 싶을 때 노트를 활용하여 정리하기도 좋습니다.
강사님이 이벤트를 여실 때가 있으신데 완강을 위한 챌린지 모집, 선착순 할인 등의 혜택을 받기도 좋습니다.
아직은 저도 강의 초입 단계인데 자바스크립트 입문 강의를 망설이시는 분들과 함께 저도 완주를 해보고자 글을 작성하게 되었고, 혹시 이 글 이후로 강의 완주 소식이 없다?
그럼, 제 글 거르십쇼.
그러지 않도록 열심히 완강을 향해 달리고 솔직한 후기 남기겠습니다. 아자잣
아래는 강의 링크와 해당 강의의 할인 쿠폰(30%)을 첨부하였습니다.
쿠폰 번호 : 15510-513af80c45b8
강의 링크 : https://inf.run/7AC37
'프로그래밍 > 자바스크립트' 카테고리의 다른 글
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 함수, 전역변수와 지역변수 (0) | 2024.04.12 |
---|---|
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - if ~ else if, switch ~ case (0) | 2024.04.09 |
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 연산자 (0) | 2024.04.09 |
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 자료형과 형변환 (0) | 2024.03.31 |
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 변수와 상수 (0) | 2024.03.31 |