//윤년을 확인하는 함수 만들기 function isLeapYear(year){ if ((year % 4 === 0) && (year % 400 === 0) || (year % 100 !== 0)) { console.log("윤년입니다"); } else { console.log("평년입니다"); } } isLeapYear(600); 예전에 자바 처음배울 때는 이거 나머지 생각못해서 두 시간 동안 꽁꽁 싸매고있었는데.. 그래도 이제 윤년 내용보고 만들 수 있는거보니 .. 수학 실력 좀 늘어난 듯 ;-; function isLeapYear(year){ return (year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0) } console.log(`2022년..

React.js : Node 기반의 Javascript UI 라이브러리, npm스토어에서 받을 수 있다. 리액트와 함께 사용하는 라이브러리. 패키지들 Webpack : 모듈번들러, 다수의 자바스크립트 파일을 하나의 파일로 합쳐준다. Babel : 자바스크립트 컴파일러. JS와 html 을 혼용하는 문법등의 자바스크립트 코드를 쉽고 직관적으로 사용할 수 있도록 도와준다. 또한 최신 자바스크립트 문법을 지원하지 않는 브라우저들에도 작동할 수 있도록 변환시켜준다. Boiler Plate : 리액트를 사용할 때 필요한 패키지의 환경 및 기초셋팅작업을 다 해둠. 패키지를 감싼 패키지. 보일러를 찍어내듯 서비스를 개발할 수 있는 빵 틀의 역할을 하는 패키지 Create React App 이라는 Boiler Plat..

리액트의 필요성 1 : React는 Component 기반의 UI라이브러리 article 제외 한 나머지 부분들이 중복되어 있다. 만약 중복된 header 섹션의 수정이 필요하다면? 모든 페이지를 수정해야만한다 두 세장이면 괜찮지만 100장의 페이지를 바꿔야한다면? 산탄총수술(Shotgun Surgery) : 한 개의 문제가 수많은 파일들을 동시에 수정시킨다 ==> 유지보수에 많은 낭비가 생김 그렇기 때문에 재사용 되어야 할 요소들은 header나 nav, footer는 별도의 모듈로 만들어 컴포넌트의 이름으로 불러서 관리해야한다. React는 Component 기반의 UI라이브러리이기 때문에 모든 html요소들을 다 컴포넌트로 만들어서 재사용이 용이하다. ==> 중복코드로 인해 발생하는 산탄총 수술같은..

패키지 : 누군가 따로 만들어놓은 node.js 모듈 npm(node package manager)를 사용하여 node.js 패키지 만들기 Copyright (C) Microsoft Corporation. All rights reserved. 새로운 크로스 플랫폼 PowerShell 사용 https://aka.ms/pscore6 PS D:\workspace\workspace_oneBiteReact> npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for..

Node.js : 자바스크립트를 웹브라우저가 아닌 PC에서도 독립적으로 실행시켜줄 수 있는 자바스크립트 런타임 이 파일을 노드js 터미널로 실행시켜 볼거다 view - Appearance - Show Panel 또는 Ctrl+J 를 눌러 터미널을 실행시킨다 GUI(Graphic User Interface) : 아이콘 같은 그래픽을 기반으로 마우스 클릭만으로 명령을 내릴 수 있게 해주는 방식 CLI(Command Line Interface) : 수행할 명령을 직접 텍스트로 타이핑하여 명령을 내릴 수 있게 해주는 방식 터미널이란 ? CLI 명령을 입력하는 곳 우리는 node.js를 이용해서 index.js파일을 실행하려고 한다. 그렇기 때문에 terminal을 통해 node.js한테 명령을 내려야한다. 만약..