기본 콘텐츠로 건너뛰기

8월, 2023의 게시물 표시

Spring Framework OAuth2 인증 사용법

  OAuth2 id, password 얻기 구글 클라우드 플랫폼(GCP) -> 사용자 인증 정보 -> OAuth2.0 클라이언트 ID 네이버 개발자센터 -> 애플리케이션 등록 -> 사용 API(네이버 로그인) 카카오 개발자센터 -> 애플리케이션 등록 -> 제품 설정 -> 카카오 로그인 출처:  https://wildeveloperetrain.tistory.com/252

Angular 사용법

  # 새로운 Component 만들기 ng generate component Home --standalone --inline-template --skip-tests

Angular 시작하기

  # Node.js가 설치되어 있어야함 npm -v # npm이 설치되어있는지 확인, npm의 버전이 출력됨 npm install -g @angular/cli # Angular 작업영역 생성 ng new my-app # my-app으로 이동 cd my-app # ng serve 명령 실행 ng serve --open 출처 :  https://angular.kr/guide/setup-local

Javascript Cookie

# Http Only Secure Cookie "Set-Cookie: refreshToken; path=/; httpOnly secure";  출처 :  https://wildeveloperetrain.tistory.com/146

Javascript insertAdjacentHTML

  div.insertAdjacentHTML("beforebegin | afterbegin | beforeend | afterend"); - beforebegin : 요소 이전에 삽입 - afterbegin : 요소 안에 첫번째 자식 이전에 삽입 - beforeend : 요소 안에 마지막 자식 이후에 삽입 - beforebegin : 요소 이후에 삽입

Javascript readyState 사용법

// 현재 창 준비 단계 확인 document. readyState // 'loading' : 문서를 불러오는 중 // 'interactive' : 문서가 완전히 불러와짐 // 'complete' : 문서외 리소스 전부 불러와짐 // 예제 document. onreadystatechange = () => { if (document. readyState === "interactive" ) { initApplication (); } }; 출처 :  https://ko.javascript.info/onload-ondomcontentloaded

Ubuntu 사용법

# 파일 삭제 $ sudo rm -f file1 # 폴더 삭제 $ sudo rm -rf dir1 # ubuntu 패스워드 설정 $ sudo passwd ubuntu # snap 설치 $ sudo apt install snapd -y

Maven 사용법

  # mvn test skip mvn clean install -DskipTests #  Problem creating jar: Execution exception: Java heap space -> [Help 1]  해결 export MAVEN_OPTS="-Xmx512m"

프로그래밍 설계

  Controller 요청 받은 링크로 연결시켜준다 Service 논리구조를 만든다 Repository 데이터베이스에서 정보를 가져온다 Entity 객체를 정의한다

Typescript 사용법

  // typescript 설치, npm 이 설치되어 있어야함 npm install -g typescript // sayHello.ts typescript파일 생성 function sayHello ( firstName : string ) { console . log ( 'Hello ' + firstName ); } let firstName : string = 'Hana' ; sayHello ( firstName ); // 엄격한 체크를 수행하는 트랜스 명령어 tsc --strictNullChecks sayHello.ts # 설치 $ npm install -g typescript # 타입스크립트 파일을 자바스크립트 파일로 변환 $ tsc --strictNullChecks sayHello.ts # 문자 안에 변수 넣기 `${key} : ${value}` // ' <- 이것과 이것 -> ` 은 다른 문자임에 주의하자! end