ALL 29

[Mac] JDK8 설치

- 사이트 접속 https://www.oracle.com/java/technologies/downloads/#java8-mac Download the Latest Java LTS FreeSubscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts.www.oracle.com  스크롤 좀 내려서 dmg 다운로드  3. 다운로드가 완료되면 dmg 더블클릭 -> pkg 더블클릭 -> 설치화면 두둥  4. 쉘 (zsh, bash)에 환경변수 지정zsh : ~/.zsh_profile (새로생성)bash : ~/.bash_profile export JAVA_HOME=/Lib..

MacOS 2022.12.26

fetch 함수로 API 호출 간단 구현하기

한 개의 html 파일에서 script를 넣어 fetch함수를 이용한 api 호출을 해보았다. test용으로 호출할 수 있는 api 사이트 중 지브리스튜디오 api 사이트가 있어 사용해보았다. https://ghibliapi.herokuapp.com/#section/Use-Case Studio Ghibli API ghibliapi.herokuapp.com html 파일 생성하고 아래 코드를 입력 후 실행시켜보자 클릭 [실행 결과] 클릭 버튼을 누르면 위의 결과 화면처럼 표시된다. F12(개발자 도구)를 눌러 콘솔창에서 응답온 api 형식도 볼 수 있다. [코드 설명] - script에 getGhibli 함수를 생성하였다. - config를 정의하여 URL 요청시 필요한 설정을 할 수 있다. 주로 head..

Develop/JavaScript 2022.11.17

[VSCode] vscode에서 Spring Boot Maven 프로젝트 생성하기(환경구성)

1 프로젝트 생성하기에 앞서 필요한 확장팩 세개를 설치해준다. 단축키 Ctrl + Shift + X를 눌러 마켓플레이스를 연다. Java Extension Pack (Microsoft) : vscode에서 Java 응용 프로그램을 작성, 테스트 및 디버그하는 데 도움되는 확장팩 Spring Boot Extenstion Pack (Pivotal) : Spring Boot 애플리케이션 개발 및 배포를 위한 확장팩 Lombok Annotations Support for VS Code (Gabriel Basilito Brito) : Java 라이브러리로, 반복되는 getter, setter, toString 등 반복 메서드 작성 코드를 줄여줌 확장팩 설치를 완료했다면 이어서 프로젝트를 바로 생성해보도록 한다. ..

Develop/Spring 2022.11.16

[SpringBoot] Thymeleaf 문법 정리

[기본 사용법] 사용시 html 태그에 를 삽입한다. tag 사이와 tag 안에서의 문법이 다르다. 아래 예시를 참고하자. [[${data}]] tag는 반드시 닫아야 한다. HTML 태그 중에서 th 태그를 이용해서 데이터를 표현한다. ⭐ th 기본 문법 - 표현식 변수 표현식 : ${ } 선택 변수 표현식 : *{ } 메세지 표현식 : #{ } 링크 URL 표현식 : @{ } 조각 표현식 : ~{ } - 문자연산 문자 합치기 : + 리터럴 대체 : | hello ${data} | - 불린연산 Binary operators : and, or Boolean negation : !, not - 조건연산 if-then : (if) ? (then) if-then-else : (if) ? (then) : (el..

Develop/Spring 2022.11.15

[SpringBoot/STS4] Thymeleaf 프로젝트 생성하기

[환경구성 : Window10, STS4, jdk 1.8.0_221, Apache Maven 3.8.1] 1 Spring Tool Suite 4 실행 2 New - Spring Starter Project 클릭 3 프로젝트 Name, Type에 Maven Project를 선택하고 Next 4 Dependencies를 선택할 수 있는 화면이다. Available에 web을 검색하면 하단 내용이 필터링 돼서 나온다. Thymeleaf와 Spring Web을 선택하고 Finish를 눌러준다. 5 프로젝트 생성 되는 프로세스는 화면 우측 하단에서 확인할 수 있다. 6 프로젝트 생성이 되면 프로젝트-마우스우클릭 하여 Maven Update를 해준다. ★ TIP : 파일 구조 static : 정적 자원(js, cs..

Develop/Spring 2022.11.15

Maven 설치 및 환경 변수 설정(feat. windows)

[사진이 잘 보이지 않을 경우 클릭하면 확대됩니다] 1. maven 다운로드 사이트 접속 https://maven.apache.org/download.cgi Maven – Download Apache Maven Downloading Apache Maven 3.8.6 Apache Maven 3.8.6 is the latest release and recommended version for all users. System Requirements Java Development Kit (JDK) Maven 3.3+ require JDK 1.7 or above to execute - they still allow you to build against 1.3 and oth maven.apache.org 2. 최신버..

Develop/Spring 2022.11.11