1. 구조 분해 할당구조 분해 할당은 말뜻 그대로 구조를 분해해 할당하는 문법입니다.배열,객체의 구조 분해 할당으로 나눌 수 있습니다. 1-1. 배열의 구조 분해 할당 배열의 요소를 순차적으로 추출하여 개별 변수에 할당하는 문법입니다.저장된 요솟값을 변수 선언과 동시에 순서대로 할당합니다.배열의 길이와 할당할 변수의 개수가 일치하지 않아도 오류가 발생하지 않습니다. 대괄호 속에서 선언한 변수만큼 할당합니다. let cities = ['Seoul', 'Busan', 'Jeju'];let [capital,port,island] = arr;console.log(capital, port, island); //Seoul Busan Jeju 배열의 길이와 할당할 변수의 개수가 일치 하지 않는 경우let citi..

25-26/React.js 2025. 10. 10. 10:13

1.1. Node.js 시작하기 1) Node.js, 런타임(runtime)Node.js : JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.런타임(runtime) : 특정언어로 만든 프로그램들을 실행할 수 있는 환경 노드는 JavaScript Runtime Environment 즉, JavaScript 코드 실행을 가능케하는 환경. 왜 Node.js 인가?Node.js runs the V8 JavaScript engine, the core of Google Chrome, outside of the browser.This allows Node.js to b..

25-26/Node.js 2 2025. 10. 10. 10:00

1. 컨트롤러 개요1. 컨트롤러스프링 부트는 MVC 설정과 톰캣서버 설정(실행과 배포)을 자동으로 해준다. 웹에서 사용자 요청 → 디스패처 서블릿이 요청을 받고 컨트롤러가 처리컨트롤러: 웹에서 사용자 요청으로 구현된 메서드를 처리하고 결과를 뷰에 전달한다. 2. 컨트롤러 구현과정BookController 클래스를 컨트롤러(@Controller, @RestController)로 사용BookController 클래스는 웹요청 URL을 받아(@RequestMapping) 웹페이지에 화면 출력 2. 컨트롤러 정의1. @Controller로 컨트롤러 정의하기이 컨트롤러로 정의하면 특정 자바 클래스가 컨트롤러 역할을 하게 됩니다. 웹 어플리케이션에서 사용자의 요청과 응답을 처리하는 컨트롤러package c..

25-26/Spring 2025. 10. 10. 10:00

1. ES2015+ 1-1. const, let- 변수 선언은 const와 let을 사용한다.if (true) { var x=3; } console.log(x); //3 if (true) { const y=3; } console.log(y); //Uncaught ReferenceError: y is not defined- var은 함수 스코프를 가지므로 if문의 블록과 관계없이 접근할 수 있다.- 그러나 const와 let은 블록 스코프를 가지므로 블록 밖에서는 접근할 수 없다. const a = 0;a = 1; // Uncaught TypeError : Assignment to constant variablelet b = 0;b = 1; // 1- const는 한 번 값..

25-26/Node.js 1 2025. 10. 10. 10:00

1. Introductionconsole- 코드에서 사용할 수 있는 데이터와 동작의 집합인 객체이다.- console.log()를 활용하여 콘솔에 값을 출력할 수 있다.- ex.console.log('Hello');// 출력값 : Hello 주석- // : 한 줄 주석. 한 줄을 주석으로 처리- /* */ : 여러 줄 주석. 여러 줄을 주석으로 처리하며, /* 부터 */까지의 범위를 주석으로 처리- ex. // 이건 한 줄 주석입니다./* 이건여러줄주석 */ 데이터 유형- 숫자- BigInt- 문자열- Bool- Null- Undefined- Symbol- 객체 산술 연산자- 더하기(+) : 문자열을 연결할 때에도 사용- 빼기(-)- 곱하기(*)- 나누기(/)- 나머지(%) . 연산자- 각 인스턴스의 속..

25-26/Node.js 1 2025. 10. 3. 10:53

1. 함수 본격적으로 함수에 대해 알아보기 전에, 우리가 함수를 사용하는 이유를 생각해봅시다.자바스크립트 코드를 작성하다 보면 비슷한 동작을 하는 코드를 반복해서 작성하는 경우가 많습니다.하지만 이처럼 유사한 코드를 반복적으로 사용하게되면, 코드는 불필요하게 길어지고, 가독성도 떨어지게 됩니다.이때 우리는 중복 코드를 하나로 묶은 '함수'를 사용해 이 문제를 해결 할 수 있습니다. 1-1. 함수 선언 자바스크립트에서는 function 키워드를 사용해 함수를 선언합니다.function 키워드 다음에는 함수의 이름, 그다음에는 매개변수가 오며, 마지막으로 중괄호로 감싼 곳에 함수가 수행할 명령을 작성합니다.function 함수 이름 (매개변수) { 함수가 수행하는 명령} 1-2. 함수 호출함수 선언 후 바..

25-26/React.js 2025. 10. 3. 10:15

1. 스프링 부트란?스프링 프레임워크의 확장인 오픈소스 프레임워크이다.스프링은 XML 환경 구성과 종속성 설정이 필요했으나, 스프링 부트는 자동 설정 기능을 제공하여 쉽고 빠르게 개발할 수 있다.2. 스프링 부트 주요 기능① 환경 설정 자동화- 실행에 필요한 환경을 자동으로 설정한다. ② 종속성 관리 자동화- 스타터(Starter) 종속성을 이용하여 라이브러리 의존성을 간단히 처리한다. ③ 설정 파일 외부화- 설정 XML 파일을 외부화할 수 있어 다양한 환경에서 작동할 수 있다. ④ 라이브러리 버전 관리 자동화- 스프링 라이브러리 버전을 자동으로 관리한다. build.gradle에 스프링 부트 버전을 설정하면 의존 관계 라이브러리도 관리한다. ⑤ 독립형 애플리케이션 생성- 내장된 톰캣이 포함된 실행 가능..

25-26/Spring 2025. 10. 3. 10:00

1번째 블로그는 codecademy에서 javascript에 해당하는 내용 전부이기에 쉬운 내용을 제외하고 주로 작성자가 헷갈렸거나, html/css/js 학교 수업에서 배우지 않았던 내용을 위주로 작성하려고 함. 주로 Iterator(반복자)와 Object(객체)의 내용이 많음을 참고하길 바람. 1. 변수 1) +로 변수와 문자열을 연결하는 방법let myPet = 'armadillo';console.log('I own a pet ' + myPet + '.'); // Output: 'I own a pet armadillo.' 2) console.log에 변수를 문자열에 넣을 때 ${}로 {}안에 넣는 방법let myName="yeoni"consolog.log("My Name is ${my..

25-26/Node.js 2 2025. 10. 3. 10:00

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team 잡학다식 컴공사전의 MSA(Microservice Architecture)대한 이야기인데요, MSA가 필요한 이유와 장단점에 대해 알아봅시다!

Corner 코너 2025. 7. 31. 12:18

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team KIM3YUN의 도커와 쿠버네티스에 대한 이야기인데요, 도커와 쿠버네티스의 차이와 배포환경의 변화에 대해 알아봅시다!

Corner 코너 2025. 7. 25. 16:45

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team 묭롱룬뱌의 RESTful API vs GraphQL에 대한 이야기인데요, RESTful API와 GraphQL에 대한 설명과 장점, 그 둘의 비교에 대해 알아봅시다!

Corner 코너 2025. 7. 21. 10:18

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team 코코팜의 AI 코드 에디터에 대한 이야기인데요, AI 코드 에디터의 활용사례와 원리, 효과에 대해 알아봅시다!

Corner 코너 2025. 7. 10. 11:39