its_jh_stroy

어쩌다 보니 vsCode에서 스프링 부트를 공부해야 하는 상황이 오게 되었다. 공부하면서 intellij를 많이 사용할 것 같지만 vsCode의 접근성을 생각해 프로젝트를 실행하는 과정을 기록해 보려 한다. 우선 실습은 Visual Studio Code와 JDK가 설치되어 있다고 가정하고 시작한다. 확장팩 설치- Extension Pack for Java - Spring Boot Extension Pack - Gradle for Java 추가로 필수 항목은 아니지만 어노테이션을 편하게 처리하기 위해 아래 팩도 설치하면 좋다. - Lombok Annotations Support for VS Code 스프링 부트 프로젝트 생성- "Ctrl + Shift + p"를 입력하고 Command Palette를 열어..

tinyMCE란 WYSIWYG(What You See Is What You Get) 텍스트 에디터이다. "What You See Is What You Get"가 의미하는 것은 문서가 표시되는 형태로 편집이 가능하다는 것이다. 해당 라이브러리를 사용하면 블로그나 메일에서 글을 작성할 때, 글꼴이나 기울기와 같은 효과를 줄 수 있다. 아래 절차를 통해 라이브러리를 적용할 수 있다. tinyMCE API 발급받기tinyMCE를 사용하기 위해서는 먼저 API 키를 발급받아야 한다. 아래 페이지에 접속하여 로그인을 한다. The Most Advanced WYSIWYG Editor | Trusted Rich Text Editor | TinyMCETinyMCE is the most advanced WYSIWYG HT..

MongoDB Atlas는 MongoDB에서 제공하는 클라우드 데이터베이스 서비스이다. 이 서비스를 통해 MongoDB 데이터베이스를 클라우드 환경에서 호스팅 하여 사용할 수 있다. 배포, 백업, 복구와 같은 작업을 자동으로 처리하기 때문에 데이터베이스를 관리하는데 드는 시간과 비용을 크게 줄일 수 있다. 실습을 위해서는 MongoDB Atlas에 가입하여 프로젝트와 데이터베이스, 컬렉션을 만들어야 한다. 만약 연결할 위 항목이 없다면 MongoDB Atlas 사이트에 접속하여 연결할 데이터베이스와 컬렉션을 만들 수 있다. 여기서는 데이터베이스와 컬렉션이 있다고 가정하고 포스팅을 진행한다. 연결 문자열 확인 먼저 데이터베이스에 연결할 문자열을 확인해야 한다. MongoDB Atlas 접속 후 프로젝트 선..

여러 브랜치로 작업을 하다 보면 다양한 이유로 특정 브랜치의 내용을 다른 브랜치에 덮어쓰기가 필요한 상황이 생길 수 있다. 덮어쓰는 작업 과정은 어렵지 않다. 만약 A 브랜치에 B 브랜치의 작업 내용을 덮어써야 하는 상황이라고 가정해보자. 작업 전 주의할 점은 A 브랜치 입장에서 이 과정은 기존 변경 사항을 모두 버리는 것이다. 이전 작업을 잃어버릴 수 있기 때문에 따로 백업을 해두고 작업을 실행하는 것이 좋다. A와 B 로컬 브랜치 만들기 이미 로컬에 두 브랜치가 있다면 이 과정은 생략한다. git checkout A git pull origin A git checkout B git pull origin B 덮어씌어질 브랜치 연결 우리는 A 브랜치에 덮어쓸 것이므로 A 브랜치에 연결한다. git che..

git으로 관리되는 프로젝트를 할 때 설정 파일이나 보안에 민감한 파일을 gitignore 파일에 추가하여, 파일이 추적되는 것을 방지한다. 하지만 실수로 추적되지 않아야 하는 파일을 gitignore 파일에 포함하지 않고 github에 올려버릴 수도 있다. 이런 경우, 뒤늦게 gitignore 파일에 추가해도 이미 한 번 추적되었기 때문에 해당 파일은 무시되지 않고 계속 추적된다. 해결 방법은 직접 git 추적 대상에서 제거하는 것이다. 다행히 추적 대상에서 제거하는 방법은 한 줄의 명령으로 해결할 수 있다. git rm --cached [path] 만약 추적 대상의 경로가 "Dir1/Dir2/test.json" 이라면 아래와 같이 입력한다. git rm --cached Dir1/Dir2/test.js..

객체 지향 프로그래밍은 추상화, 캡슐화, 상속, 다형성이라는 4가지 요소를 가진다. 추상화 실세계의 복잡한 개체에서 필요한 속성과 메서드를 표현(결정)하는 것이다. 복잡한 개체가 가지는 멤버를 100% 정확하게 나타낼 필요는 없다. 특정 맥락에서만 실제 개체의 멤버를 모델링하고 나머지는 무시한다. 예를 들어, Train 클래스는 기차 제조 관리 프로그램과 승차원 예매 시스템 모두 사용될 수 있지만, 프로그램의 맥락에 따라 가지는 멤버는 다르게 된다. 캡슐화와 정보 은닉 추상화 과정에서 결정된 속성과 메서드를 클래스에 정의하여 하나로 묶는 과정이다. 이때 객체의 속성은 Private 접근 제어자를 통해 외부 접근으로부터 보호한다. 접근 제어자를 통해 외부로부터 속성을 보호하는 것을 정보 은닉이라고 하는데,..

호이스팅스코프 안에 있는 선언들을 스코프 최상단으로 끌어올리는 특성이다. 자바스크립트는 변수, 함수, 클래스 모두에 대해 호이스팅이 발생한다. 하지만 TDZ라는 것에 의해 조금씩 다르게 동작한다. TDZ(Temporal Dead Zone)선언 전에 사용하는 것을 허용하지 않는 공간이다. let, cosnt 변수와 클래스는 TDZ를 가지는데, 코드 시작점부터 최초 선언된 부분까지가 TDZ라고 보면 된다. 따라서 TDZ를 가진다는 것은, 호이스팅은 발생하지만 선언된 자리보다 먼저 사용할 수 없다는 것을 의미한다.// ex 1) console.log(str) let str = 'a' // const 선언도 동일한 결과 // Uncaught ReferenceError: Cannot access 'str' bef..

var 함수 레벨 범위를 가지는 var C#을 포함한 많은 프로그래밍 언어는 블록 레벨 범위를 가진다. 이것은 변수가 선언된 블록 내에서만 접근할 수 있다는 것을 의미한다. 하지만 자바스크립트에서 var 키워드로 선언된 변수는 함수 레벨 범위를 가진다. var로 선언된 변수는 해당 함수 내 어디에서든 접근할 수 있다는 것이다. 따라서 if 문과같이 다른 코드 블록에서 동일한 변수를 var 키워드로 선언하여 사용하여도, 결국 동일한 변수를 가리키게 된다. 이러한 특성 때문에 아래와 같은 코드에서 func1 함수를 호출하면 'World'가 출력된다. var str1 = 'Hi'; function func1() { var str1 = 'Hello'; if(true) { var str1 = 'World'; } ..

자바 실행 과정자바는 두 번의 컴파일을 거쳐 프로그램이 실행된다..java 확장자로 작성된 프로그램을 첫 번째 컴파일을 통해 .class 파일로 변환하고, JIT 컴파일이라 불리는 두 번째 컴파일을 거쳐 코드를 실행하는 것이다.그러한 과정을 순서되로 나열하면 아래와 같이 동작한다. 1. 자바 코드 작성개발자가 .java 확장자로 소스 코드를 작성한다. 2. 컴파일자바 컴파일러(javac)에 의해 컴파일되어, 바이트 코드가 담긴 .class 파일이 생성된다. 3. 로드JVM의 클래스 로더가 .class 파일을 찾아 메모리에 로드한다.이 과정을 통해 JVM이 .class 파일의 바이트 코드를 읽어들일 수 있게 된다. 4. 링크클래스 로더가 .class 파일 내용이 올바른지 검증하고 실행에 필요한 메모리를 준..

ASP.NET Core에서 CORS 문제 해결하기현재 사용중인 버전은 .NET 8.0이라는 것을 참고한다. 오류 발생웹 개발 공부를 위해 프로젝트를 구성하던 중 문제가 발생하였다. 프론트엔드와 백엔드를 서로 다른 프로젝트로 분리했는데 자바스크립트에서 아래와 같은 오류가 발생한 것이다.No 'Access-Control-Allow-Origin' header is present on the requested resource위 오류메시지는 웹 브라우저의 개발자 도구 - 콘솔에서 확인할 수 있다. 이것은 동일 출처 정책(Same-Origin-Policy)때문에 일어난 오류이다. 동일 출처 정책에 관한 자료는 아래 링크를 잠고한다. 동일 출처 정책(SOP)과 교차 출처 리소스 공유(CORS) (tistory.com..