localhost

브라우저에서 ESM(ES Modules)을 지원하기 전까지, JavaScript 모듈화를 네이티브 레벨에서 진행할 수 없었다. 그래서 소스 모듈을 브라우저에서 실행할 수 있는 파일로 크롤링, 처리 및 연결하는 "번들링(Bundling)"이라는 해결 방법을 사용해야 했다. 보통 리액트 등의 프론트 프로젝트를 시작 시 웹펙(webpack) 으로 번들링을 진행한다. 콜드 스타트 방식으로 개발 서버를 구동할 때, 번들러 기반의 도구의 경우 애플리케이션 내 모든 소스 코드에 대해 크롤링 및 빌드 작업을 마쳐야지만이 실제 페이지를 제공할 수 있다. * 콜드 스타트(Cold Start): 최초로 실행되어 이전에 캐싱한 데이터가 없는 경우를 의미 위의 그림처럼 번들링 후에야 개발 서버를 구동할 수 있으므로 개발 서버를..

이제 회원 웹 기능 중 조회할 수 있는 기능을 만들어보자. 홈 화면에서 회원 목록 버튼을 누르면 "/members" URL 로 넘어가게 해주었고, 이 URL로 넘어가면 지금까지 등록한 회원들을 창에 띄워줘야 한다. 전에 만들어주었던 MemberController 클래스에 위와 같은 코드를 작성해준다. 먼저 MeberService 클래스의 findMembers 메소드를 활용하여 members에 현재 store에 담겨있는 Member 객체들을 배열의 형태로 저장해준다. 그 이후 Model에 Member 객체 배열을 담아서 members 폴더에 있는 memberList.html 파일을 띄워주게 하는 코드이다. 위와 같이 main -> resources -> templates -> members 로 가서 mem..

이제 회원 웹 기능 중 홈 화면을 추가해보는 법을 알아보자. 먼저 위와 같이 main -> java -> com.example.hellospringboot -> controller 에서 HomeController라는 Class를 하나 만들어주자. 그리고 이 클래스에 위와 같은 코드를 작성해준다. 서버 실행 후 localhost:8080 을 쳐주면 위의 GetMapping이 가장먼저 실행 될 것이고, 이는 home.html을 return해준다. home.html 파일을 만들어주자. 위와 같이 main -> resources -> templates 에 hello.html 파일을 만들어준다. home.html 파일에는 위와 같은 코드를 작성해주었다. 이제 서버를 실행시키고 localhost:8080 을 쳐보면..

이제 API에 대해 알아보도록 하자. API란 Application Programing Interface로, 쉽게 말해 어떠한 응용프로그램에서 데이터를 주고받기 위한 방법을 의미한다. HelloController 파일에 위의 코드를 추가로 작성해준다. @ResponseBody 는 http 프로토콜의 body 를 의미하고, 위의 코드는 이 body 에다가 return 하는 내용을 직접 넣어주겠다는 의미이다. 템플릿 엔진과의 차이점은 View 같은 것이 있는 것이 아니라 그냥 문자열 그대로가 return 된다는 것이다. localhost:8080/hello-string?name=spring! 을 입력해주면 위와 같은 창이 뜨고, 페이지 소스를 확인해보면 HTML 이 아닌 return 해준 문자열 그대로가 r..

Requirements ● Java 11 설치 https://crazykim2.tistory.com/478 [JAVA] Window10의 JAVA SE 11 설치하기 안녕하세요 포스팅이 늦은 것 같지만 이번에 윈도우를 포맷하면서 자바를 다시 설치하게 되었습니다 자바 개발을 처음하거나 자바를 설치한지 오래되어서 기억이 안 나는 분들을 위해 자바 설 crazykim2.tistory.com ● IntelliJ 또는 Eclipse 설치 (IntelliJ 추천!!) 프로젝트를 생성하기 위해 다음의 링크로 가보자. 두가지의 Project 가 있는데 요즘은 모두 Gradle 을 사용하는 추세이다. Gradle Project 를 선택해주자. Language 는 Java 를 선택해준다. 버전을 선택해야 하는데 SNAPS..