8. React: Javascript Framework Introduction and setup * What is React? -frontend JavaScript framework -React is used to build single-page applications. - React를 사용하면 재사용 가능한 UI 구성요소를 만들 수 있습니다 왜 React를 사용해야 하는가? 컴포턴트를 사용하여 구조적 프로그래밍과 재활용이 가능 Virtual DOM을 사용하여 DOM 조작이 편리 다양한 패키지 제공 npx란? Node Package eXecute JSX and Comments * What is JSX? JSX stands for JavaScript XML. JSX allows us to write HTM..

7. Node.js Node.js가 뭔지 chrome의 v8 javascript engine에 지어짐. -Ryan Dhl에 의해 쓰여지고 소개됨.(2009) 장점 -Node.js는 오픈소스 프레임워크이다. -Javascript를 사용하여 전체 서버측 애플리케이션을 구축. -가벼운 무게의 프레임 워크이다. (최소 모듈, 응용프로그램의 필요에 따라 다른 모듈 포함) -기본적으로 비동시성->따라서 다른 프레임워크보다 빠른 성능 제공(대신 프로그래밍이 족므 어렵다.) -window,Mac,Linux에서 실행되는 교차 플랫폼 프레임 워크 Nodejs->server side programming (여기서 개발하면 개발 과정이 어렵고, 성능 저하) react->client side programming (그러니까 가..

6. HTTP HTTP/REST API 구조 클라이언트 : 웹 브라우저라는 기계에 수행되는 프로그램 서버 : 웹 서버라는 기계에서 수행되는 프로그램 HTTP : 웹 클라이언트와 웹 서버간의 통신 규약 HTTP 프로토콜 -HTTP(Hypertext Transfer Protocol) -프로토콜이란 상호 간에 정의한 규칙을 의미하며, 특정 기기 간에 데이터를 주고받기 위해 정의 -HTTP 프로토콜은 상태가 없는(stateless) 프로토콜입니다 (여기서 상태가 없다라는 각 세션마다 발생된 데이터가 연결되지 않는다는 의미) -HTTP 프로토콜은 일반적으로 TCP/IP 통신 위에서 동작하며 기본 포트는 80번 URL(Uniform Resource Locators) -DNS(Domain Name Service) 숫..

5. Bootstrap: CSS Framework CSS Framework W3.CSS -W3.CSS made by W3Schools. - it only uses HTML and CSS — not JavaScript Bootstrap -made by Twitter -uses HTML, CSS, and JavaScript Bootstrap 5 -부트스트랩은 무료 프론트엔드 프레임워크로 웹 개발을 빠르고 쉽게 수행할 수 있습니다 -부트스트랩에는 HTML 및 CSS 기반 설계 템플릿이 포함되어 있습니다 -부트스트랩은 반응성이 뛰어난 디자인을 쉽게 만들 수 있는 기능을 제공합니다 -부트스트랩 5가 jQuery 대신 vanilla JavaScript로 전환되었습니다. 부트스트랩을 사용해야 하는 이유? 부트스트랩의..

4. Graphics The Browser Object Model (BOM) -window object -BOM은 자바스크립트가 브라우저에게 말할 수 있게 허용해준다 -브라우져 자체를 의미하여 브라우져의 정보를 얻을 수 있고 정보를 변경할 수도 있다. *window object -윈도우 객체는 브라우저의 윈도우를 나타낸다. -전역 자바스크립트 객체는 자동으로 윈도우 객체의 멤버가 된다. (객체 내부가 아닌 전역 범위에서의 this는 window가 됨) window size let w = window.innerWidth; let h = window.innerHeight; window.open() - open a new window window.close() - close the current window ..

람다(lambda)함수 : 일회성으로 사용되는 간단한 함수를 정의할 때 씀. lambda 매개변수: 표현식 이런식으로 사용. ex) add=lambda x,y: x+y result=add(3,5) print(result)