본문 바로가기

반응형

WINK-(Web & App)

(438)
[2024 여름방학 Node.js 스터디] 이종윤 #2주차 REPL(Read Eval Print Loop) : 노드는 제공하는 콘솔은 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복한다(Loop)고 해서 REPL(Read Eval Print Loop)이라고 한다.   모듈 : 특정한 기능을 하는 함수나 변수들의 집합을 말한다.: 모듈은 자체로도 하나의 프로그램이면서 다른 프로그램의 부품으로도 사용할 수 있다.보통 위 그림처럼 파일 하나가 모듈 하나가 되며, 파일별로 코드를 모듈화할 수 있어 관리하기 편합니다. + 모듈을 만들 때는 모듈이 될 파일과 모듈을 불러와서 사용할 파일이 필요하다.CommonJS 모듈: exports나 module.exports와 require()를 사용하는 모듈이다.우선 expor..
[2024 여름방학 Node.js 스터디] 백채린 #2주차 3장 3장 노드 기능 알아보기  3.1 REPL 사용하기 - REPL: 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Pring), 종료할 때까지 반복한다(Loop) - REPL은 한두 줄짜리 코드를 테스트해보는 용도로는 좋지만 여러 줄의 코드를 실행하기에는 불편함  3.2 JS 파일 실행하기  3.3 모듈로 만들기    - 모듈: 특정한 기능을 하는 함수나 변수들의 집합- 노드는 코드를 모듈로 만들 수 있음- 보통 파일 하나가 모듈 하나가 되며, 파일별로 코드를 모듈화- 노드에서는 CommonJS, ECMAScrips 2가지 모듈 사용    3.3.1 CommonJS 모듈 - CommonJS 모듈: 노드 생태계에서 가장 널리 쓰이는 모듈    - modult.exports와 expo..
[2024 여름방학 Node.js 스터디] 김지나 #2주차 3장. 노드 기능 알아보기3.1. REPL 사용하기- REPL: 입력한 코드를 읽고, 해석하고, 결과물을 반환하고, 종료할 때까지 반복해주는 환경- REPL 사용하기- 짧은 코드 테스트 용도로 용이함. 긴 코드는 JS 파일로 만든 후 파일을 통째로 실행합시다! 3.2. JS 파일 실행하기 3.3. 모듈로 만들기- 모듈: 특정 기능을 하는 함수나 변수들의 집합ex) 수학 코드 모듈 ...- 모듈은 모듈 자체로 프로그램인 동시에 다른 프로그램의 부품으로도 사용 가능- 모듈을 만들어두면 여러 프로그램에 해당 모듈을 재사용 가능- 파일 하나가 모듈 하나, 파일별로 코드 모듈화 가능 3.3.1. CommonJS 모듈- module 객체 말고 export 객체 사용 가능exports.odd = 'CJS 홀수입니다'..
[2024 여름방학 React.js 스터디] 백채린 #2주차 섹션 8~9 섹션 8. 모듈화 구문  1. import와 export 소개 import, export: 자바스크립트의 코드를 모듈화 할 수 있는 기능* 모듈화: 다른 파일에 있는 자바스크립트의 기능을 특정 파일에서 사용할 수 있는 것  2. import와 export 기본 문법 실습 - exportexport 변수, 함수// 다른 파일에서 가져달 쓸 함 수 앞에 export 작성 - import export된 파일을 improt로 불러와 사용import { 불러올 변수 또는 함수 이름 } from '파일 경로';// export된 변수나 함수를 {}에 선언한 뒤 해당 파일이 있는 경로를 적어줌  3. import와 export 문법으로 여러개 거내기 // math.js 파일let pi = 3.14;function s..
[2024 여름방학 React.js 스터디] 이가인 #1주차 자바스크립트란객체 지향 프로그래밍 언어거의 모든 웹페이지의 인터페이스는 자바스크립트로 개발됨화면을 동작시키기위한 언어콘솔=자바스크립트 코드 변수 소개변수 : 어떤 값을 저장  (variable, var)예약어(=키워드) : js에서 미리 점유한 단어들, 사용하고있음 변수 선언 방식 : var,  const,  let 실무에서는 const연습할 때는 let 이 좋다!var message = 'hi';const message = 'hi';let message = 'hi'; 변수 출력 시console.log(변수이름);const와 let 차이점let은 나중에 값을 수정 가능함, const는 불가능 (const=상수=불변)변경 방법은 그냥 변수에 넣을 수 있는 데이터(값) 유형[] 배열, {} 객체, 숫자, 문..
[2024 여름방학 React.js 스터디] 이종윤 #2주차 import와 export: 자바스크립트를 묘듈화 할 수 있는 기능이다. export{변수, 함수} : 현재 파일에서 특정 변수를 공유한다.import{변수, 함수} from "파일경로" : 현재 파일로 특정 변수를 가져온다.* import와 export는 구문 내에서 여러가지 변수, 함수가 들어갈 수 있다.default 문법: 위에 쓴 import와 export 같은데 파일에서 하나만 꺼낸다면 이 문법을 사용한다.export default 변수, 함수 : 현재 파일에서 특정 변수를 공유한다.import 변수, 함수 from "파일경로" : 현재 파일로 특정 변수를 가져온다.import와 export를 사용해서 라이브러리 가져오기* 라이브러리: 개발자가 편하게 구혈할 수 있도록 미리 만들어 놓은 기능들 ..
[2024 여름방학 React.js 스터디] 김민서 #2주차 import, export 자바스크립트의 코드를 모듈화 할 수 있는 기능export { 변수, 함수 };// 다른 파일에서 가져다 쓸 변수나 함수import { 변수, 함수 } from '파일경로';// 익스포트된 변수나 함수를 불러옴  export default 파일에서 하나를 꺼낼 때 사용export default 변수나 함수;import 변수나 함수 from '파일경로';  import와 export를 이용한 라이브러리 사용 import 라이브러리 이름 또는 기능 from "라이브러리 이름";// package.json에 설치되어 있는 라이브러리 이름을 그대로 사용한다  비동기 처리 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성// #1co..
[2024 여름방학 React.js 스터디] 강보경 #2주차 08. 모듈화 구문  import & export : 자바스크립트 코드를 모듈화 할 수 있는 기능  모듈화 : 다른 파일에 있는 자바스크립트 기능을 특정 파일에서 사용할 수 있는 것  코드를 모듈화하면 코드 재사용성이 높아지고 유지보수가 용이해진다  export를 통해 모듈 내부의 함수, 변수, 객체 등을 내보내고 import를 통해 다른 모듈에서 가져와 사용함  하나의 모듈에서 여러 개의 값을 내보내고(export) 이를 선택적으로 가져올 수 있음(import)  default는 모듈당 하나의 값만 내보낼 때 사용할 수 있고, export랑 다르게 export default를 사용하면 중괄호{} 없이 임의의 이름을 가져올 수 있음  09. 비동기 처리  비동기 처리 : 프로그래밍에서 하나의 작업이 완료..

반응형