본문 바로가기

반응형

분류 전체보기

(669)
[2024 Node.js 스터디] 김수아 #4주차 "Node.js 3장~5장" ●ch3▶3.1_REPL 사용하기입력한 코드를 Read(읽고), Eval(해석하고), Print(결과물 반환하고), Loop(종료까지 반복한다)*) REPL은 여러 줄 코드를 실행하기엔 불편해서, 긴 코드의 경우는 자바스크립트 파일을 만들어 파일 실행 ▶3.2_JS파일 실행하기 ▶3.3_모듈로 만들기모듈이란? 특정 기능을 하는 함수는 변수들의 집합/ 모듈로 만들어두면 여러 프로그램에서 해당 모듈 재사용 가능*) ES2015 모듈ES2015도입으로 자바스크립트에 자체 모듈 시스템 문법이 생겼다.   require함수를 import로, module.exports를 export default로 바꾼다.  require함수나 module객체는 따로 선언하지 않았음에도 노드에서 제공하는 내장 객체이기에 사용 가능..
[2024 Node.js 스터디] 김규현 4주차 REPL 사용하기Read 읽고 Eval 해석하고 Print 결과물을 반환하고 Loop 종료할 때까지 반복> const str = 'Hello world, hello wink'; //Read Evalundefined> console.log(str);Hello world, hello wink // Printundefined> // Loop?  CommonJS 모듈노드 생태계에서 가장 널리 쓰이는 모듈  index.js를 실행할 때 var.js와 func,js 모듈 모두 이용  require는 파일 최상단에 위치할 필요없음속성값으로 각 파일의 모듈값 들어있음require.main은 노드 실행 시 첫 모듈을 나타냄순환 참조가 있을 경우에는 순환 참조되는 대상을 빈 객체로 만듭니다. -> 에러를 발생시키지 않지만..
[2024 Node.js 스터디] 장민우 #4주차 "노드 입문 1~5" 3장 노드 기능 알아보기3.1 REPL 사용하기REPL이란?READ (읽고)Eval (해석하고)Print (결과물 리턴)Loop (종료할 때까지 반복) vscode 기준으로 터미널 창에 (단축키 ctrl+`)node 작성 -> 프롬프트가 > 모양으로 바뀌었다면 JS코드 입력 가능> const str = 'Hello world, hello node';undefined> console.log(str);Hello world, hello nodeundefined>위와 같이 출력되었다면 성공입니다. 실습 따라하는데 node를 안쳐서 왜 실행이 안되지?라고 고민했던 건 비밀....3.2 JS 파일 실행하기function helloWorld() { console.log('Hello World'); helloNod..
[2024 Node.js 스터디] 김민서 4주차 REPLRead Eval Print Loop콘솔에 node 입력 후 자바스크립트 코드 입력입력한 코드를 읽고, 해석하고, 결과물을 반환하고, 종료할 때까지 반복함여러 줄의 코드를 실행하기에는 불편함 JS 파일 실행하기자바스크리브 파일을 만든 후 콘솔에서 node [자바스크립트 파일 경로]로 실행확장자 생략 가능 모듈모듈 - 특정한 기능을 하는 함수나 변수들의 집합 1. CommonJS 모듈모듈이 될 파일과 모듈을 불러와서 사용할 파일이 필요함// var.js 파일 (모듈로서 기능)const odd = 'CJS 홀수';const even = 'CJS 짝수';module.exports = { odd, even,};// func.js 파일const { odd, even } = require ('./var'..
[2024 Node.js 스터디] 조상혁 4주차 "Node.js 3장부터 5장까지" 이전에 백엔드를 한번 해보고 웹클라이언트 과제를 할 때도 node.js를 사용했지만 사실 그렇게 공부해본적은 없는 것 같다. 이번 기회에 node.js가 어떤건지 알고 잘 사용할 수 있도록 노력해야겠다. 3장 노드의 기능 - 알면 좋은 것 js는 기본적으로 인터프리터 언어이기에 보통 컴파일 하지 않아도 실행이가능하다. 웹같이 동적으로 움직이는 사이트에는 가벼운 언어가 적합했기 때문이다. 하지만 웹도 발전하면서 무거운 사이트도 생겼다. 예를들면 지도가 같은 사이트가 있는데 지도같은 꽤나 무거운 작업들을 위해서 컴파일러의 존재가 필요하다고 생각한것 같다. 그래서 생긴 컴파일러가 V8엔진 node.js에서 사용하는 컴파일러 이다.    - REPL  읽고, 해석하고, 결과물을 반환하고, 종료할 때까지 반복한다..
[2024 Node.js 스터디] 이지원 #4주차 3장. 노드 기능 알아보기  JavaScript는 Python과 같은 스크립트 언어이기 때문에 컴파일하지 않고 실시간으로 인터프리터가 코드를 읽어 실행하는 구조이다. REPLReadEvalPrintLoop 코드를 읽고(Read), 실행(Eval)하고, 결과를 반환(Print)하는 과정을 반복(Loop)한다고 해서 REPL(Read Eval Print Loop)이라고 한다. JS 파일 실행Python 실행과 같이 인터프리터 프로그램에 실행할 파일을 인자로 넘겨주면 된다. node    모듈2개의 모듈 사용법이 사용되고 있다.   CommonJS 표준 모듈이 나오기 이전 사용되던 방식이다.module.exports와 require("")을 사용하여 import/export를 수행한다. ECMAScript공식..
[2024 Node.js 스터디] 김태일 #4주차 03. 노드 기능 알아보기 03.1 REPL 사용하기 - REPL이란?Read : 입력한 코드를 읽고Eval : 해석하고Print : 결과물 반환Loop : 종료할 때까지 반복 - REPL 사용1) 콘솔을 열고 node를 입력2) 프롬프트가 > 모양으로 바뀜3) 코드 입력4) ctrl+c 두번 혹은 .exit를 통해 종료 ※ REPL은 짧은 코드를 테스트해보는 용도    긴 코드는 자바스크립트 파일을 통째로 실행하는것이 더 유용  03.2 JS파일 실행하기 1) 콘솔에서 node [자바스크립트 파일 경로]로 실행$ node helloWorld  -->   helloWorld.js 파일 실행※REPL에서 입력하는 것이 아니므로 주의  (콘솔에서 REPL로 들어가는 명령어가 node이고, 노드를 통해 파일을..
[2024 신입부원 기초 스터디] 백채린 #4주차 (JS_DOM) DOM이란?  - Document Object Model- 웹 문서를 제어하기 위해 개발된 언어- 컨텐츠 변경, 추가, 제거 등 html 문서를 조작하기 위해 만들어진 언어- 스크립트 언어로 html 요소를 제어할 수 있도록 웹문서를 객체화한 것 Document: 자바스크립트에서 DOM 접근을 위해 쓰이는 Interface - document.getElementById("id"): id 속성값으로 요소를 찾아 리턴- document.getElementByClassName("className"): class 속성값으로 요소들을 찾아 리턴- document.querySelection("selector"): 셀렉터를 통해 요소를 찾아 리턴- document.querySelectorAll("selector"):..

반응형