본문 바로가기

반응형

분류 전체보기

(669)
[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. 비동기 처리  비동기 처리 : 프로그래밍에서 하나의 작업이 완료..
[2024 여름방학 React.js 스터디] 김태일 #2주차 08. 모듈화 구문08- 1 Import & Export - 자바스크립트의 코드를 모듈화 할 수 있는 기능- 모듈화 : 다른 파일에 있는 자바스크립트의 기능을 특정 파일에서 사용할 수 있는 것을 의미 1. Export & Import 기본 문법//math.jslet pi = 3.14;export {pi};//index.jsimport {pi} from "./math"; //math라는 파일에서 pi라는 변수를 꺼냄console.log(pi);  2. 여러개 꺼내기- 파일 안에서 선택적으로(개수에 상관없이) 꺼내 쓸 수 있음//math.jslet pi = 3.14;fuction sum(a,b) { return a + b;}export {pi, sum};//index.jsimport {pi, sum} fr..
[2024 여름방학 Node.js 스터디] 이종윤 #1주차 서버: 서버(server)는 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 또는 프로그램을 말한다.  (* 클라이언트란 요청을 보내는 주체이다) 클라이언트는 브라우저일 수도 있고, 데스크톱 프로그램일 수도 있고, 모바일 앱일 수도 있고, 다른 서버에 요청을 보내는 서버일 수도 있다. 이처럼 서버는 요청에 대한 응답만을 하는 것이 아니라 클라이언트가 되어 다른 서버에 요청을 보낼 수도 있다. 또한 서버는 클라이언트에게 요청을 받았을 때 항상 Yes라고만 응답을 하지않고 클라이언트의 자격을 보고 Yes가 아닌 No를 보낼 수 있다.자바스크립트의 런타임먼저 Node.js 의 정의를 살펴보면 Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타..
[2024 여름방학 Node.js 스터디] 백채린 #1주차 1~2장 1장 노드 시작하기 1.1 핵심 개념 이해하기 1.1.1 서버 - 서버: 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램- 클라이언트 → 서버 (요청)  ⎮  서버 → 클라이언트 (응답)  1.1.2 자바스크립트 런타임 - Node.js: Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임 (자바스크립트 실행기)* 런타임: 특정 언어로 만든 프로그램을 실행할 수 있는 환경- 노드는 V8, libuv(C, C++로 구현) 라는 라이브러리 사용- libuv 라이브러리: 이벤트 기반, 논블로킹 I/O 모델 구현 (노드의 특성)  1.1.3 이벤트 기반 - 이벤트 기반: 이벤트(클릭, 네트워크 요청 등) 가 발생할 때 미리 지정해둔 작업을 수행하는 방식이벤트 리스..
[2024 여름방학 Node.js 스터디] 김지나 #1주차 1장. 노드 시작하기1.1. 핵심 개념 이해하기- Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임임. ㄴ 서버로 많이 이용되지만 서버 외의 자바스크립트 프로그램을 실행하는 런타임으로도 사용=> 서버랑 런타임이 뭘까 ????  1.1.1. 서버 - 서버: 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램- 클라이언트: 요청을 보내는 주체 (브라우저, 데스크톱 프로그램, 모바일 앱 ... 등등 다양한 형태)- 서버는 요청에 대한 응답 뿐만 아니라 요청을 직접 보낼 수도 있음 -> 서버가 클라이언트가 됨- 서버가 응답할 때는 무조건 yEs로만 하는 것은 아님 .. 요청 거절할수도 (사이트 차단 당했을 때)  1.1.2. 자바스크립트 런타임- 런..

반응형