3.4. 노드 내장 객체 알아보기GLOBAL전역 객체로 모든 파일에서 접근 가능하다.module.exports = () => global.message;const A = require("./globalA");globalThis.message = "hello";console.log(A());console디버깅을 위해 사용한다.개발 중 변수에 값이 잘 들어있는지 확인하거나 에러 내용을 표시하기 위해, 또 코드 실행 시간을 알기 위해 사용한다. 대표적으로 console.log()const string = "abc";const number = 1;const boolean = true;const obj = { outside: { inside: { key: "value", }, },};con..

24-25/Node.js 1 2024. 11. 8. 10:00

1. 반복문 (Loop) for 문 for 문은 초기화, 조건식, 반복문으로 구성되며 세미콜론(;)으로 분리된다.초기화 : 반복문을 시작하고 반복자 변수를 선언한다.조건식 : 논리연산, true/false 등의 변수를 사용한다. 조건식이 true인 동안 작업문을 반복한다.반복문 : 반복 후 처리될 작업이다. 주로 변수를 증감한다.for (let counter = 0; counter  for 문을 이용해 배열 안의 요소들을 출력하고 싶다면 length 속성을 사용할 수 있다.const animals = ['Grizzly Bear', 'Sloth', 'Sea Lion'];for (let i = 0; i   while 문 while 문에서는 변수를 반복문 전에 선언하며, 괄호 안의 조건식이 true인 동안 작..

24-25/Node.js 1 2024. 10. 4. 10:01

🌟키워드: 반복문, 반복자(iterators), 배열 메소드, 객체, getter & setter  1. 반복문반복문은 for반복문, while 반복문, do~while 반복문으로 총 3가지가 있다.  1-1. for 반복문- for 반복문은 세미콜론(;)으로 구분된 3개의 표현식으로 구성된다.1) 초기화: 변수의 초기화를 담당한다.2) 중지 조건: 반복문을 계속 실행할지 중지할지를 결정하는 조건이다.3) 증감식: 반복문이 한 번 실행된 후, 반복문의 다음 사이클로 넘어가기 전에 실행되는 코드이다. 주로 변수를 증가시키거나 감소시키는 역할을 한다.for (let i=5; i  1-2. while 반복문- while 반복문은 특정 조건이 true일 동안 반복적으로 코드를 실행하는 루프 구조이다.- for..

24-25/Node.js 2 2024. 10. 4. 10:00

1. 함수함수를 알아보기 전, 우리가 함수를 사용하는 이유는 무엇일까? 자바스크립트 코드를 작성하다 보면 유사하게 동작하는 코드를 작성할 때가 있다. 이때, 유사한 코드를 중복해 작성하면, 코드는 길어지고 가독성도 현저히 떨어진다. 그래서 우리는 유사코드를 하나로 묶은 함수를 사용한다. 이름이 붙은 명령들의 모음인 '함수'를 사용하며 더 간결하고 구조적인 프로그래밍이 가능하게 된다. 이제 함수의 사용법을 본격적으로 알아보겠다.  1-(1) 함수 선언함수를 사용하기 위해서는 함수를 정의하는 작업인 함수 선언을 해야 한다. 함수 선언은 호출하면 바로 실행할 수 있도록 준비하는 작업이라고 생각할 수 있다. 자바스크립트에서는 function이라는 키워드를 사용해 함수를 만든다. function 키워드 바로 다음..

24-25/React.js 1 2024. 9. 27. 10:00

리액트 기술 블로그에 오신 여러분, 환영합니다! 저희 블로그에서는 리액트(React)에 대한 다양한 기술적인 내용을 다룰 예정입니다. 리액트는 현대적인 웹 개발에서 매우 중요한 역할을 하는 라이브러리로, 빠르고 효율적인 웹 애플리케이션을 구축하기 위한 필수 도구 중 하나입니다. 리액트는 자바스크립트 라이브러리이기 때문에 자바스크립트에 익숙하지 않다면 학습하기 어렵습니다. 기초적인 자바스크립트를 공부했다는 전제 하에 기본적인 자바스크립트 문법을 다시 한번 살펴보고, 이어서 객체의 특징이나 단락평가 같은 실전에 적용할 수 있는 문법을 다루겠습니다. 1. 함수 함수의 사용법을 본격적으로 알아보기 전에, 우리가 함수를 사용하는 이유가 무엇일까요? 자바스크립트 코드를 작성하다 보면 유사하게 동작하는 코드를 작성할..

23-24/React.js 1 2023. 9. 29. 10:00

1. 함수(Function) 'function' 키워드를 사용해 함수 선언한다. fuction 함수 이름 (매개변수) { 함수가 수행하는 명령 } 인수: 함수를 호출하면서 넘겨주는 값이다. 매개변수: 넘겨받은 인수를 저장할 변수이다. fuction 함수 이름 (매개변수) { 함수가 수행하는 명령 } 함수 이름(); //함수 호출문 return문으로 수행한 결과 반환한다. 함수 내에서 return문을 만나면 함수는 종료한다. function getArea(width, height) { let area = width * height; return area; // 수행한 결과 반환 } let result = getArea(10, 20); console.lo..

23-24/React.js 2 2023. 9. 29. 10:00

2.1 코드 이해하기 create-react-app으로 hello-react 프로젝트를 만들고 src/App.js 파일을 VS code에서 엽니다. import logo from './logo.svg'; import './App.css'; function App() { return ( Edit src/App.js and save to reload. Learn React ); } export default App; import 구문은 특정 파일을 불러오는 것을 의미합니다. 리액트로 만든 프로젝트의 자바스크립트 파일에서는 import를 사용하여 다른 파일을 불러와 사용할 수 있습니다. 모듈을 불러와서 사용하는 것은 브라우저에는 없는 기능입니다. 이는 브라우저가 아닌 환경에서 자바스크립트를 실행할 수 있게 해..

22-23/22-23 리액트 스타터 1 2022. 9. 29. 10:01

8. Objects ● Objects 1. Introduction to Objects 객체를 들어가며 자바에는 7개의 데이터 타입이 있다. - string, number, boolean, null, undefined, symbol, objects -자바스크립트(Javascript)의 기본 타입은 객체(Object) 객체를 사용하면 실제 사물을 모델링하거나 데이터 구조를 구축할 수 있다. 사과(apple), 테이블(table), 아기(baby), 지렁이(worm)을 객체로 만들 수 있다. *객체: 속성값과 행동을 가진 데이터 타입 *객체 모델링: 객체의 속성과 동작을 추려내어 객체로 구현하는 과정 2. Creating Object Literals 객체 리터럴 만들기 객체를 선언할 때 기본구조 - 객체를 변..

21-22/21-22 리액트 스타터 -2 2021. 10. 11. 14:02