분류 전체보기 108

[JavaScript] 문법(2) 형 변환

❑ 형 변환 1. String(): 문자형으로 변환 // 예시) console.log(typeof String(3)); // Number → String console.log(typeof String(true)); // Boolean → String console.log(typeof String(null)); // object → String console.log(typeof String(undefined)); // undefined → String 2. Number(): 숫자형으로 변환 // 예시) // String → Number console.log(typeof Number("3")); > "number" console.log(Number("3")); > 3 console.log(typeof Num..

[JavaScript] 문법(1) 변수 선언과 자료형

변수 선언 1. let : 변수 선언시 사용 수정이 가능한 변수를 선언할 때 사용한다. let 을 사용하면 동일한 변수명으로 두번 이상 let으로 정의할 수 없다. // 예시) // let 변수 선언 let test = "value"; console.log(test); > "value" // 변수 수정 test = "update"; console.log(test); > "update" // let 변수 동일 이름 선언: 위에서 선언했기 때문에 error let test = "value"; > "Identifier 'test' has already been declared" 2. const : 상수 선언시 사용 수정이 불가한 상수를 선언할 때 사용한다. // 예시) // const 변수 선언 const t..

react-native-codegen Issue: Could not determine react-native-codegen location

Trouble Could not determine react-native-codegen location Error react-naitve start, react-naitve run-ios 와 같이 react-naitve 프로젝트를 빌드하려고 할 때 react-native-codegen이 없다고 나올 수 있다. (react-native-codegen/package.json 설정이 잘못되었다 등) Shooting 라이브러리에 react-native-codegen가 없거나 global package에 설치되었는데 프로젝트 라이브러리에서 찾을수도 있다. 1) 프로젝트 라이브러리 확인 프로젝트에서 node_modules > react-native-codegen가 있는지 확인한다. @react-native와 같은 ..

[Spring] IoC 컨테이너 사용하기 - XML Config

❑ IoC 컨테이너 사용하기 Spring Bean Configuration을 읽어객체를 생성하고 조립해주는 Spring의 구체적 객체는 ApplicationContext(Interface) 다. SpringConfig를 넘기는 방식에 따라 4가지로 분류된다 ClassPathxmlApplicationContenxt: Application의 root부터 경로를 지정할 때 (대표적인 구현체) FileSystemXmlApplicationContenxt: xml 파일의 directory 경로 XmlWebApplicationContenxt: SpringConfig.xml을 웹에 등록해서 사용 AnnotationConfigApplicationContenxt: Annotation을 스캔하는 방식으로 사용 아래 예제를..

Back-End/Spring 2021.08.19

[Kafka] Local 환경에 Kafka Cluster 구성하기 (Windows 환경)

0. Local 카프카 구성학습을 위해 한 개의 Machine에 세 개의 Kafka Broker를 띄우고, Zookeeper는 1개만 띄운다.세 개의 Kafka Broker를 띄우기 위해 브로커의 포트를 9092, 9093, 9094 로 설정하여 실행한다 1. server.properties 작성세 개의 브로커를 띄우기 위해 server.properties를 세 개 만든다server.properties를 복사해 server1.properties 생성server.properties를 복사해 server2.properties 생성각각의 server.properties의 broker.id, listener, log.dirs를 위와 같이 설정한다$ vi config/zookeeper-server-start.sh..

Back-End/Kafka 2021.08.17

[Kafka] Kafka 설치 및 CLI를 이용해 Producer, Consumer 테스트 (Windows 환경)

0. 기본 환경jdk 1.8 버전 이상 설치 필요시스템 환경변수 설정 필요 (JAVA_HOME) 1. Kafka 설치Apache Kafka 공식 홈페이지 kafka_2.13-2.8.2.tgz 다운로드적당한 위치로 파일을 옮기고 압축 해제압축 해제 하면 설치가 끝난 것. kafka_2.13-2.8.2 폴더로 카프카를 실행시킬 수 있다.Zookeeper, Kafka 실행 등을 .sh 파일로 실행했던 맥 환경과 달리 윈도우에서는 bin/windows 폴더 안에 있는 배치 파일들을 사용한다. 2. Zookeeper 실행1. 새로운 PowerShell 실행2. 카프카 폴더로 이동3. 주키퍼 실행$ ./bin/windows/zookeeper-server-start.bat ./config/zookeeper.prope..

Back-End/Kafka 2021.08.07

[Spring] 값(Value) 주입 설정 방법 - XML Config

❑ 값(Value) 주입 설정 방법 2021.07.17 - [Back-End/Spring] - [Spring] 의존성 주입(DI) 설정 방법 - XML형식 Config 에서 의존 클래스(객체)를 주입하는 방법을 살펴보았다. 여기에 더해 Spring은 Bean Configuration을 이용해 Int, String과 같은 '값(Value)'를 주입하는 것도 지원하니 방법을 알아본다 1) Spring Bean 등록 ElectricMotor (Bean으로 등록될 Class) package com.test.di; public interface PowerUnit { void printMaxSpeedLimit(); } public class ElectricMotor implements PowerUnit { priv..

Back-End/Spring 2021.07.24

[Spring] JPA를 사용한 MySQL 연동(생성/조회) 예제

★MySQL이 설치되지 않은 경우: MySQL 설치 및 시작 2021.07.13 - [Back-End/Database] - [MySQL] 설치 및 시작(MacOS 환경, DBeaver) [MySQL] MySQL 설치 및 시작(MacOS 환경, DBeaver) 1. 터미널 실행 후 아래를 입력해 MySQL 설치 brew install mysql 2. 설치 완료 후 설정 We've installed your MySQL database without a root password. To secure it run: mysql_secure_installation → 보안 설.. citronbanana.tistory.com [중요] MySQL이 설치되었더라도 외부접속이 허용된 User를 생성해야 한다. 위 글의 5...

Back-End/JPA 2021.07.19

[Spring] 의존성 주입 방법(Setter, 생성자 방식) - XML Config

Spring 의존성 주입은 Spring이 의존 객체를 Client 객체에 직접 주입해주는 것을 의미한다. 따라서 원하는 대로 Spring이 주입해줄 수 있도록 '주문서'를 잘 작성하는 방법을 알아본다. 주문서는 XML 또는 어노테이션으로 작성할 수 있는데, 요즘은 보통 어노테이션으로 작성한다. 하지만 레거시 시스템을 이해하기 위해 XML 형식의 의존성 주입 설정 역시 알아두면 좋다. ❑ Setter를 이용한 의존성 주입 설정 Client Class: Car package com.test.ui; public class Car { private PowerUnit powerUnit; // Dependency public void setPowerUnit(PowerUnit powerUnit) { this.powe..

Back-End/Spring 2021.07.17

[Spring] 의존성 주입(DI)과 IoC 컨테이너의 개념

스프링 프레임워크의 기본이자 핵심 기능인 DI와 IoC Container를 배워보자 ❑ DI(Dependency Injection) 주입할 의존성 public interface PowerUnit { void useSource(); } public class GasolineEngine implements PowerUnit { @Override public void useSource() {} } public class ElectricMotor implements PowerUnit { @Override public void useSource() {} } 1. 의존 클래스 내부 정의 # 의존 클래스 내부 정의: 의존 Class ElectricMotor를 Car가 내부에서 직접 정의 public class Car..

Back-End/Spring 2021.07.16

[MySQL] 설치 및 시작(MacOS 환경, DBeaver)

1. 터미널 실행 후 아래를 입력해 MySQL 설치 brew install mysql 2. 설치 완료 후 설정 We've installed your MySQL database without a root password. To secure it run: mysql_secure_installation → 보안 설정 MySQL is configured to only allow connections from localhost by default To connect run: mysql -u root → 터미널에서 root 계정으로 접속 To have launchd start mysql now and restart at login:brew services start mysql Or, if you don't want..

Back-End/MySQL 2021.07.13

[Spring] Spring Bean과 의존 관계(Dependency Injection)

❑ 의존 관계가 필요한 상황 @Controller public class MemberController { private final MemberService memberService = new MemberService(); } public class MemberService { } 위와 같이 MemberController가 MemberService 클래스를 사용(의존)하고 있다고 가정하자. MemberController는 새롭게 초기화되는 MemberService가 아닌 1개만 생성되어 사용할 객체가 필요하다면 Spring Dependency Injection(의존성 주입) 기능을 통해 의존관계를 설정해주는 것이 좋다. ❑ 컴포넌트 스캔과 자동 의존관계 설정 Spring Bean과 의존 관계 설정 @Co..

Back-End/Spring 2021.07.09

[Spring] 강한 결합(Tight Coupling)과 느슨한 결합(Loose Coupling)

의존성 주입(DI: Dependency Injection)과 IoC(Inversion Of Control) 컨테이너는 Spring의 기본이자 핵심 기능 중 하나다. Spring을 이해하기 위해서 가장 먼저 학습해야할 내용이다. DI를 배우기에 앞서 강한 결합 대비 느슨한 결합의 이점을 보며 외부 의존성 주입(DI)의 필요성에 대해 학습할 필요가 있다. ❑ 강한 결합(Tight Copuling)Class DiagramCode ExampleAS-IS) GasolineEngine 참조public class Car { private GasolineEngine gasolineEngine = new GasolineEngine(); public void ride() { gasolineEngine.useOil(); ...

Back-End/Spring 2021.07.04

자주 사용하는 IntelliJ 단축키

Window ↔ Mac Key Ctrl ↔ Command 탐색(Search) 객체 정의 찾아가기 또는 객체가 사용 되는 곳 찾아가기: Command + B 또는 Command + 마우스 클릭 최근 실행했던 파일을 확인: Command + E 또는 Ctrl + E 해당 항목이 사용된 모든 곳 표시: Alt + F7 모든 항목 검색: Shift shift (연속 2번 누르기) 텍스트 검색(Find in Files): Command + Shift + F 이전 화면(이전 커서)으로 돌아가기: Ctrl + Option + →, ← (Win: Ctrl+Alt+→, ←) 타입(클래스) 계층 구조 보기: Control+H (Win: Ctrl+H) 클래스 내 정의된 메서드, 변수 구조: Command + F12 Code..

IntelliJ 2021.07.03

[Spring] 웹 개발 기초 개념 - 정적 컨텐츠, MVC와 템플릿 엔진, API

❑ 간단 요약 정적 컨텐츠: html을 그대로 웹 브라우저에 전달하는 것 MVC와 템플릿 엔진: 서버에서 html을 수정, 가공하여 전달하는 방식 API: 서버에서 html을 전달하는 것이 아니라, JSON, XML 방식으로 데이터만 Client에게 전달하여 Client가 직접 View를 그리는 방식. 최근에는 API 방식으로 많이 개발되고 있으며, 서버끼리 통신할때도 html을 내릴 필요가 없기 때문에 API 방식을 많이 사용한다 ❑ 정적 컨텐츠(Static Contents) Spring Boot Reference Doc > Spring Boot Features > 7.1.5. Static Content 를 보면 기본적으로 String Boot는 static content를 서비스 한다고 나와있다. B..

Back-End/Spring 2021.07.02