2.1. ES2015+변경 사항을 중심으로 ES2015 이상의 자바스크립트 문법에 대해 정리한다.const / let var는 함수 스코프를 갖는 반면, const와 let은 블록 스코프를 갖는다.if (true) {var x = 3;}console.log(x); // 3if (true) {const y = 3;}console.log(y); // ReferenceError: y is not defined const로 선언한 변수는 재할당할 수 없고, 선언할 때 반드시 값을 할당해야 한다.const a = 0;a = 1; //TypeError: Assignment to constant variableconst c; // SyntaxError: Missing initializer in const declar..

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

스프링 빈과 의존관계스프링 빈(Bean) 📌 스프링 빈(Bean) 이란?스프링 컨테이너에 의해 관리되는 재사용 가능한 소프트웨어 컴포넌트즉, 인스턴스화된 객체이며 스프링 컨테이너에 등록된 객체임(new 키워드 대신 사용) 📌 스프링 빈(Bean) 사용 목적스프링 간 객체의 의존관계를 관리하기 위하여 사용객체가 의존관계를 등록할 때, 스프링 컨테이너에서 해당하는 빈을 찾고 그 빈과 의존성을 형성함 스프링 빈을 등록하는 2가지 방법컴포넌트 스캔과 자동 의존관계 설정자바 코드로 직접 스프링 빈 등록하기 컴포넌트 스캔과 자동 의존관계 설정 회원 컨트롤러에 의존관계 추가 package hello.hellospring.controller;import hello.hellospring.service.MemberSe..

24-25/Spring 1 2024. 10. 11. 10:00

1.1 핵심 개념 이해하기서버서버란 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램이다. (요청)클라이언트란 요청을 보내는 주체이다. (응답)   -> 노드는 자바스크립트 프로그램이 서버로서 기능하기 위한 도구를 제공하므로 서버의 역할을 수행할 수 있다. 자바스크립트 런타임Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임입니다. 위는 공식 사이트에 게시된 노드 소개 글이다. 위와 같이 노드는 자바스크립트 런타임이다. 런타임이란 특정 언어로 만든 프로그램들을 실행할 수 있는 환경이다. 이벤트 기반노드는 이벤트 기반 방식으로 동작한다. 이벤트 기반이란 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식이다. 이벤트 기반 시스템에서는 특정..

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

1. Node.js란?자바스크립트는 웹 브라우저에 내장된 자바스크립트 엔진에 의해 실행된다. 웹 브라우저를 자바스크립트 실행 환경이라는 의미에서 자바스크립트 런타임이라고도 한다. Node.js의 등장 전까지는 웹 브라우저가 유일한 자바스크립트 런타임이었기에 자바스크립트를 웹 사이트에서만 사용 가능했으나, 독립적인 자바스크립트 런타임인 Node.js의 등장으로 어떤 환경에서도 자바스크립트를 실행할 수 있게 되었다. Node.js에 리액트를 다루는 여러 도구들이 내장되어 있고, Node.js가 리액트로 만든 자바스크립트 애플리케이션을 구동하기 때문에 리액트 학습 전 Node.js에 대해 알아보는 것은 필수적이다.  2. Node.js 환경 설정하기(1). 윈도우 사용자 계정 이름 바꾸기사용자 계정명이 한글이..

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

1. 리액트의 탄생리액트는 페이스북 개발팀이 만들어 2013년 오픈소스로 세상에 공개했다. 페이스북은 출시 초기부터 페이스북은 다른 웹 서비스 보다 유독 인터렉션(Interaction)이 많아서 이를 잘 수행하기 위해 react를 만들었다.( 인터렉션: 좋아요 버튼이나 채팅처럼 사용자와 웹 서비스 간에 양방향으로 소통하는 기능을 지칭) 웹 서비스를 쉽고 빠르게 개발할 수 있는 Node.js의 라이브러리 가운데 하나로 리액트를 한마디로 표현하면 "서비스의 변화가 많고 사용자와 상호작용이 원활한 대규모 웹 애플리케이션을 쉽게 구축할 수 있는 기술"이다. 실제로 리액트는 페이스북, 인스타그램, 넷플릭스 등  서비스를 개발한 기술에 사용된다.       리액트의 3가지 특징 >1. 컴포넌트 기반의 유연성2. 쉽..

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

스프링 빈과 의존관계 컴포넌트 스캔과 자동 의존관계 설정 📍  회원 컨트롤러에 의존관계 추가// controller/MemberController.java@Controllerpublic class MemberController { private final MemberService memberService; @Autowired public MemberController(MemberService memberService) { this.memberService = memberService; }} → @Autowired 어노테이션: 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어줌→ DI (Dependency Injection): 의존성 주입. 객체 의존관계를 외부에서 넣어주는 것을 뜻함..

24-25/Spring 3 2024. 10. 11. 10:00

Unity 게임오브젝트의 흐름Unity 생명주기  초기화  → [ 물리  →  게임 로직 ] →  해체                ↑                                    ↓            활성화           ←          비활성화+ 프레임 : 물리 영역 + 게임 로직 영역  초기화 영역 Awake : 게임 오브젝트 생성할 때 최초 1번만 실행됨Start : 업데이트 시작 직전 최초 1번만 실행됨 물리 연산 영역 FixedUpdate : 물리 연산 업데이트 업데이트 함수 : 1초에 여러 번 작동하는 함수고정된 실행 주기를 가지고 있음 -> CPU를 많이 사용 게임 로직 영역 Update : 게임 로직 업데이트 함수물리 연산 로직을 제외한 주기적으로 변하는 나머지 ..

24-25/Untiy 2024. 10. 4. 12:05

DOTween 라이브러리 DOTween Unity 게임 객체의 속성(위치, 크기, 투명도 등)을 손쉽게 애니메이션화할 수 있는 강력한 라이브러리   📍  DOTween 라이브러리를 사용하여 애니메이션을 적용하는 예제  using DG.Tweening;using System.Collections;using System.Collections.Generic;using UnityEngine;public class DotweenTest : MonoBehaviour{ Sequence sequence; // 다수 tweener들 제어 가능 // .Append : 트윈 마지막에 추가 // .Insert : 일정 시작에 시작 // .Join : 앞에 추가된 트윈과 동시 시작 // .Prepe..

24-25/Untiy 2024. 10. 4. 12:05

C# 프로그래밍 기초 1. 변수형 Variable int: 정수형 데이터 float: 실수형 데이터, 소수점까지 포함   //숫자 뒤 f를 붙여줄 것float hellohello = 15.5f;string: 문자열 데이터bool: 논리형 데이터, 참/거짓 데이터를 포함 2. 그룹형 변수 Group Variable배열 Array: {}로 배열을 선언string[] numbers = {"하나", "둘", "셋"};Debug.log("숫자 하나둘셋 출력!");Debug.log(numbers[0]);Debug.log(numbers[1]);Debug.log(numbers[2]);리스트 List: 로 변수형을 선언List animals = new List();animals.Add("강아지");animals.Add(..

24-25/Untiy 2024. 10. 4. 12:04

MonoBehaviour 클래스 유니티 프로젝트 창에서 C# 스크립트를 생성하면 자동으로 상속되는 MonoBehaviour 클래스는 기본적으로 모든 유니티 스크립트가 파생되는 기본 클래스입니다. 아래와 같이 프로젝트에서 발생하는 상황에 따라 코드를 실행하는 등 대규모 이벤트 메시지 컬렉션에 대한 액세스를 제공합니다.유니티 게임 오브젝트의 흐름유니티 오브젝트의 생명주기유니티 오브젝트는 명령 주기에 따라 해당하는 함수가 호출되며, 생명 주기는 다음과 같습니다.더보기초기화 > (활성화) > 프레임(물리 연산 > 게임 로직) > (비활성화) > 해체 초기화 영역 void Awake(){} void Start(){}Awake: Start 함수 전에 호출되며 게임 오브젝트 생성 시 호출됩니다. 게임 오브..

24-25/Untiy 2024. 10. 4. 12:04

1. 유니티 LifeCycle 초기화 -> 물리연산 -> 게임 로직 -> 해체1-1. Awake()게임 오브젝트 생성할 때, 최초 1번만 실행되는 함수이다.1-2. Start() Update() 함수 시작 전에 최초 1번 실행되는 함수이다.* Awake()와 Start()는 초기화의 영역1-3.  FixedUpdate()유니티 엔진이 물리연산을 하기 전에 실행되는 업데이트 함수이다.컴퓨터의 사양과 관계 없이 고정된 실행주기로 호출되며 CPU 부하가 올 수 있다.*FixedUpdate()는 물리 연산의 영역1-4. Update()주기적으로 변하는 게임 로직을 적용하는 함수이다.환경(=성능)에 따라 실행주기가 달라질 수 있다.*Update()는 게임로직의 영역1-5. LateUpdate()모든 업데이트가 끝..

24-25/Untiy 2024. 10. 4. 12:03

유니티 생성 주기 유니티는 각 오브젝트마다 일정한 생명주기(Life Cycle)를 가지게 된다. 오브젝트가 지니는 생명주기는 초기화, 업데이트, 종료까지의 흐름을 가지고 있으며, 특정한 단계에서 코드가 실행될 수 있도록 하는 기능을 한다. 주요한 생명주기는 다음과 같다. 1.  Awake: Start 함수 전에 호출되며 게임 오브젝트 생성할 때 최초 1회 실행된다.2. OnEnable: 게임 오브젝트가 활성화된 경우에만  Awake와 Start 사이에서 실행된다. 활성화가 될 때마다 호출된다.3. Start: 업데이트 시작 직전 최초 실행된다.4. FixedUpdate: 물리 연산 업데이트가 될 때 실행된다. 발생 주기는 일정하며 프레임당 여러 번 호출이 가능하다. 그러나 프레임을 고정적으로 계속 호출하..

24-25/Untiy 2024. 10. 4. 12:03