1. 객체: 자바스크립트의 객체형은 원시형과 달리 다양한 데이터를 담을 수 있습니다.객체 생성 방법객체 리터럴 방식: 중괄호 {...}를 사용하는 방식입니다.let user = new Object(); // '객체 생성자' 문법 let user = {}; // '객체 리터럴' 문법 2. 리터럴과 프로퍼티: 중괄호 {...} 안에서 ‘키: 값’ 쌍으로 구성된 프로퍼티가 들어갑니다. -> '콜론(:)'을 기준으로 왼쪽엔 키가, 오른쪽엔 값이 위치합니다.let user = { // 객체 name: "John", // 키: "name", 값: "John" age: 30 // 키: "age", 값: 30}; 프로퍼티 읽기, 추가, 삭제더보기 점 표기법을 이용해 프로퍼티 값을..

26-27/Node.js 2 2026. 10. 9. 10:00

이번 주에는 자바스크립트를 쓰면서 가장 자주 만나는 문법들을 정리했습니다. 이번 주 키워드객체와 배열구조 분해 할당과 전개 구문배열 메서드옵셔널 체이닝비동기 처리1. 객체와 배열객체: 키로 구분하는 데이터 묶음객체는 키: 값 쌍을 모아 둔 자료구조입니다. 값을 읽을 때는 점 표기법과 대괄호 표기법을 쓸 수 있습니다.let user = { name: "John", "likes birds": true };user.name; // 점 표기법user["likes birds"]; // 키에 공백이 있으면 대괄호가 필수입니다키를 변수에 담아서 쓰고 싶다면 대괄호를 써야 합니다. user[key]처럼 쓰고, 점 표기법인 user.key는 "key"라는 이름의 프로퍼티를 찾습니다.빈 프로퍼티를 읽..

26-27/Node.js 1 2026. 10. 9. 10:00

1. 객체(Object)자바스크립트의 데이터 대부분(숫자, 글자 등)은 한 번에 값 하나만 담을 수 있는 '원시형'이지만 객체는 여러 개의 데이터를 한 곳에 모아 담을 수 있는 바구니나 서랍장이라고 생각하면 쉽게 이해할 수 있다.서랍장 안에 여러 물건을 넣고 각각 이름표를 붙여두는 것처럼 객체 안에는 이름표(key) : 실제 데이터(Value) 형태로 짝을 지어 저장한다. 이 짝 하나를 프로퍼티(Property, 속성)라고 부른다.키(Key) : 데이터를 찾기 위한 이름표 (주로 문자열 사용)값(Value) : 이름표에 연결된 실제 데이터 (숫자, 문자, 불린 등 모든 자료형 가능)객체를 만들 때는 주로 중괄호 { }를 사용하며 이를 '객체 리터럴' 방식이라고 한다.let user = { name : "..

26-27/React.js 2026. 10. 9. 10:00

1. 객체 : 여러 데이터를 키와 값의 쌍으로 저장하는 자료형{}로 생성key: value 형태로 작성프로퍼티 = 키와 값의 쌍프로퍼티 접근점 표기법: user.name대괄호 표기법: user["name"]let user = { name: "Yen", // 이름 age: 20 // 나이 }; console.log(user.name); // Yenconsole.log(user["age"]); // 20 추가·수정·삭제user.city = "Seoul"; // 추가user.age = 21; // 수정delete user.city; // 삭제 2. 배열 : 여러 개의 데이터를 순서대로 저장하고 관리할 때 사용하는 자료구조인덱스는 0부터 시작함length로 배열의 길이를 확..

26-27/Node.js 3 2026. 10. 9. 10:00

변수 : 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소 → 자바스크립트에서는 let 키워드 사용합니다.let message; // 'message'라는 이름을 가진 변수를 생성message = 'hello'; // 문자열을 저장 let user = 'a', age = 14, message = 'hello'; 이런 식으로 쉼표를 활용해서 한 줄로 변수를 정의할 수도 있지만, 가독성을 위해서 한 줄에는 하나의 변수를 작성하는 것이 좋습니다.let user = 'a' , age = 14 , message = 'hello'; let user = 'a'let age = 14let message = 'hello'; let vs var만들어진 지 오래된 스크립트에서 let 대신 ..

26-27/Node.js 2 2026. 10. 2. 14:55

들어가며Node.js 학습을 시작하기에 앞서 이번 주에는 JavaScript의 기본 문법을 다시 정리했다. 변수와 데이터 타입처럼 익숙했던 개념도 있었지만, 원시 타입과 참조 타입의 차이나 함수의 여러 선언 방식, 스코프와 호이스팅처럼 정확하게 설명하려니 헷갈리는 부분도 있었다. 이번 글에서는 단순히 문법을 나열하기보다 각 문법이 어떤 역할을 하는지, 비슷해 보이는 개념에는 어떤 차이가 있는지를 중심으로 정리해 보았다.01. 변수와 데이터 타입 > let과 const, 뭐가 다를까? JavaScript에서 데이터를 저장하려면 변수가 필요하다. 변수를 선언할 때 주로 사용하는 키워드가 let과 const이다. 처음에는 둘 다 변수를 만드는 키워드인데 왜 구분해서 사용하는지 헷갈렸는데, 가장 기본적인 차..

26-27/Node.js 1 2026. 10. 2. 10:00

자바스크립트를 처음으로 자세히 공부하며 주요 개념들을 정리함이름 때문에 자바(Java)와 헷갈려하는 사람들이 많은데,자바는 백엔드나 기업용 시스템에 쓰이는 언어이고자바스크립트는 웹 브라우저를 유기적으로 움직이게 만드는 언어로 완전히 다름 1. 변수와 상수: let 과 const데이터를 보관하는 상자인 변수를 만들 때는 이름 규칙과 키워드를 정확히 알아야 함let : 생성 후에도 내부 값을 자유롭게 바꿀 수 있음const : 한 번 지정하면 절대 바꿀 수 없는 상수를 선언, 선언과 동시에 초기화해야함명명 규칙 : 문자, 숫자, $, _만 사용 가능하며 숫자로 시작할 수 없음. 대소문자를 구별하고, 보통 userName 같은 카멜 케이스를 씀. 절대 변하지 않는 하드코딩 값은 COLOR_RED처럼 대문자로..

26-27/Node.js 3 2026. 10. 2. 10:00

1. 들어가며 - 함수를 작성하는 다양한 방법JavaScript에서 함수를 공부하며 하나의 기능을 수행하는 함수를여러 가지 방법으로 작성할 수 있다는 것을 알게 되었다. 자칫 헷갈릴 수 있는 JavaScript 함수 작성 방법을함수 선언식, 함수 표현식, 화살표 함수 등으로 직접 작성해 보며 각각 어떤 차이가 있는지 정리해 보았다.헷갈리는 함수 작성법.직접 따라 하며 익혀보자!2. function을 이용한 - 함수 선언식- 익숙한 function으로 함수를 만들어보기function add(a, b) { return a + b;}console.log(add(2, 3));// 5함수 선언식은 function 키워드와 함수 이름을 사용하여 함수를 선언하는 방식이다.a, b는 매개변수이고, return을 통해..

26-27/React.js 2026. 10. 2. 10:00

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team hubbles의 Nocode Lowcode에 대한 이야기인데요, Nocode Lowcode에 대해 알아봅시다!

Corner 코너 2026. 8. 7. 12:00

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team SpringLab의 GAN에 대한 이야기인데요, GAN에 대해 알아봅시다!

Corner 코너 2026. 7. 31. 10:00

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team hubbles의 Quantum Computing에 대한 이야기인데요, Quantum Computing에 대해 알아봅시다!

Corner 코너 2026. 7. 10. 12:00

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team SpringLab의 CDN에 대한 이야기인데요, CDN에 대해 알아봅시다!

Corner 코너 2026. 7. 3. 17:22