스파르타 내일배움캠프 사전캠프 3주차 개발일지

스파르타 내일배움캠프 사전캠프 3주차 개발일지

목차

• 스파르타 내일배움캠프 사전캠프 3주차 개발일지
  • 목차
  • ‘모던 JavaScript 튜토리얼’에서 JavaScript 공부하기
    • 소개
      • 1.1 자바스크립트란?
      • 1.2 매뉴얼과 명세서
      • 1.3 코드 에디터
      • 1.4 개발자 콘솔
  • ‘생활코딩’에서 node.js 공부하기
    • 생활코딩 : node.js 연습한 나의 github 바로가기
    • 생활코딩 : node.js 를 듣고 생각한 점
  • ‘연준이의 코딩 연습실’
  • My Links… ___

    ‘모던 JavaScript 튜토리얼’에서 JavaScript 공부하기

    소개

    1.1 자바스크립트란?

• 정의
  • ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어
  • 공식명칭 : ECMAScript
  • 자바스크립트는 자바(Java)와는 매우 다른 언어
• 자바스크립트만의 강점
  • HTML/CSS와 완전히 통합할 수 있음
  • 간단한 일은 간단하게 처리할 수 있게 해줌
  • 모든 주요 브라우저에서 지원하고, 기본 언어로 사용됨
• 요약
  • 자바스크립트는 브라우저에서만 쓸 목적으로 고안된 언어이지만, 지금은 다양한 환경에서 쓰이고 있습니다.
  • 오늘날 자바스크립트는 브라우저 환경에서 가장 널리 사용되는 언어로 자리매김하였습니다. HTML/CSS와 완전한 통합이 가능합니다.
  • 자바스크립트로 ‘트랜스파일’할 수 있는 언어는 많습니다. 각 언어마다 고유한 기능을 제공하죠. 자바스크립트에 숙달한 뒤에 이 언어들을 살펴볼 것을 추천드립니다.

1.2 매뉴얼과 명세서

• ECMA-262 명세서(specification)
  • 자바스크립트와 관련된 가장 심도 있고 상세한 정보를 담고 있는 공식 문서
  • 최근버전 ECMA-262, 12th edition, June 2021 - PDF file
• 매뉴얼 MDN JavaScript Reference
  • Mozilla 재단이 운영
  • 자바스크립트에 대한 다양한 예제와 정보가 있음
  • 특정 함수나 메서드에 대한 깊이 있는 정보를 얻을 수 있음

1.3 코드 에디터

• 통합 개발 환경 (Integrated Development Environment, IDE)
  • 보통 ‘프로젝트 전체’를 관장하는 다양한 기능을 제공
  • ‘개발 환경’을 쾌적하게 해주는 통합 환경을 제공
  • IDE를 이용하면 수많은 파일로 구성된 프로젝트를 불러오고, 파일 간의 탐색 작업이 수월해짐
• 경량 에디터(lightweight editor)
  • IDE만큼 많은 기능을 제공하진 않지만, 속도가 빠르고 단순하다는 장점

1.4 개발자 콘솔

• 크롬(Chrome) 개발자 콘솔
  • 크롬에서 F12를 눌러서 진입
• 요약
  • 개발자 도구를 이용하면 에러를 확인하고, 명령어를 실행하고, 변수를 분석해보는 등의 일을 할 수 있습니다.
  • Windows 사용자는 F12를 눌러 개발자 도구를 열 수 있습니다. Mac 사용자는 Chrome에선 Cmd+Opt+J, Safari에선 Cmd+Opt+C를 누르면 됩니다. Safari는 개발자 메뉴를 활성화 해 줘야 개발자 도구를 사용할 수 있습니다.

‘생활코딩’에서 node.js 공부하기

생활코딩 : node.js 연습한 나의 github 바로가기

• Node.js - 설치
• Node.js 공부방법
• Node.js - 웹서버 만들기
• JavaScript - Data type - Number
• JavaScript - Data type - String
• JavaScript - 변수
  • 작은 오류 발생! : 해결 함
• JavaScript - Template Literal
• Node.js - URL로 입력된 값 사용하기
• App - 동적인 웹페이지 만들기
• Node.js - 파일 읽기
• App - 파일을 이용해 본문 구현
• JavaScript - Boolean
• JavaScript - 비교 연산자
• JavaScript - 제어문
• JavaScript - 조건문
• Node.js - 콘솔에서의 입력값
• App - Not found 오류 구현
• App - 홈페이지 구현
• JavaScript - 반복문
• JavaScript - 배열
• JavaScript - 배열과 반복문
• Node.js - 파일 목록 알아내기
• App - 글목록 출력하기
• JavaScript - 함수의 기본 문법
• JavaScript - 함수의 입력
• JavaScript - 함수의 출력
• App - 함수를 이용해서 정리 정돈하기
• 수업의 정상
• Node.js - 동기와 비동기 그리고 콜백
• Node.js - 패키지 매니저와 PM2
• HTML - Form
  • 글쓰기를 할 때 form태그에서 method=”post” 꼭 추가하기
  • 안하면 url에 정보가 그대로 노출 되는 문제가 발생함
• App - 글생성 UI 만들기
• App - POST 방식으로 전송된 데이터 받기
• App - 파일생성과 리다이렉션
• App - 글수정 - 수정 링크 생성
• App - 글수정 - 수정할 정보 전송
• App - 글수정 - 수정된 내용 저장
• App - 글삭제 - 삭제버튼 구현
• App - 글삭제 기능 완성
• JavaScript - 객체의 형식
• JavaScript - 객체의 반복
• JavaScript - 객체 - 값으로서 함수
• JavaScript - 객체 - 데이터와 값을 담는 그릇으로서 객체
• App -객체를 이용해서 템플릿 기능 정리 정돈하기
• Node.js - 모듈의 형식
• App 제작 - 모듈의 활용
• App - 입력 정보에 대한 보안
• App - 출력정보에 대한 보안
• API
• 수업을 마치며
• 보충수업 - PM2 사용법

생활코딩 : node.js 를 듣고 생각한 점

• 예전 잠깐 react를 공부한 적이 있었는데, 그때 전혀 이해되지 않는 부분들이 많이 이해되었음
  • 객체지향 함수, 객체에 함수를 저장하여 사용하는 법
  • 모듈을 생성하여 불러와 사용하는 법
  • 아규먼트와 파라미터를 이용하여 함수를 실행하는 법

‘연준이의 코딩 연습실’

• github 프로필 작성

My Links…

• My profile
• My homepage
• Development Log
• 개발일지 : 스파르타 내배캠 사전캠프 1주차
• 개발일지 : 스파르타 내배캠 사전캠프 2주차
• e-mail : leeyeonjun85@gmail.com