전체 글
🚧
아무것도 없어요😢
-
[Mac] Homebrew로 MySQL, DBeaver 설치하기MySQL 터미널에 다음 명령어 입력 brew install mysql brew services start mysql 설치가 완료됐으면 접속을 위해 다음 명령어를 입력한다. mysql -u root 처음 root 계정에는 비밀번호가 없어서 바로 접속 가능하다. DBeaver 터미널을 열고 다음 명령어를 입력해 설치한다. brew install dbeaver-community 응용프로그램에 설치된 DBeaver을 확인하고 실행하자. 오토커밋 해제 디비버 설치시 기본 설정으로 오토커밋이 활성화되어 있으며 필요에 따라 비활성화할 수 있다. settings > 연결 > 연결 유형 > Settings Auto-commit by default 체크 해제🫠 TIL2023.07.29
-
[Springboot] 스프링부트 Gradle 프로젝트 시작하기프로젝트 생성 이클립스나 인텔리제이같은 IDE에서 프로젝트를 생성할 수도 있지만 보다 간편한 방법을 사용해보자. 스프링 이니셜라이즈 🔗를 사용하면 손쉽게 스프링부트 프로젝트를 생성할 수 있다. 프로젝트 관련 사항들을 설정하고 genertate 버튼을 누르면 다운받을 수 있다. 설정 가능한 몇가지 사항들에 대해서 알아보자. Project 프로젝트를 빌드해주는 라이브러리 설정. 요즘은 Maven에서 Gradle로 넘어오는 추세 Spring Boot 3.x 버전은 Java 17버전부터 지원하니 유의하자. SNAPSHOT은 아직 만들고 있는 버전, M1은 아직 정식 릴리즈되지 않은 버전이다. 참고해서 버전을 설정하도록 하자. Dependencies 의존성을 주입할 라이브러리를 설정하는 부분. 기본적으로 Spri..🌿 Spring2023.07.27
-
[Springboot] o.s.b.d.LoggingFailureAnalysisReporter 에러프로젝트를 생성하고 실행하는 중 에러가 발생했다. resources/application.properties에 다음 코드를 추가하면 해결 완. spring.autoconfigure.exclude=org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration🌿 Spring2023.07.27
-
REST API에서는 인증/인가를 어떻게 처리할까?Vue.js를 활용해 프로젝트를 만들고 있다. 백단과 화면단을 완전히 분리시키기 위해 REST API를 만들고, axios를 통해 서버와 통신한다는 것까진 감이 잡혔다. 하지만 또다른 고민이 생겼다. 만약 로그인을 한 사용자만 접근할 수 있는 마이페이지에 비로그인 사용자가 접근한다면 어떻게 해야할까? 또 관리자 권한을 가진 사용자만 접근할 수 있는 관리자 페이지에 일반 회원이 접근한다면? JSP로 화면을 구현했던 지난 프로젝트들에서는 시큐리티에서 URI의 권한 여부를 설정하고, 권한이 없는 사용자가 접근하면 에러페이지를 반환하도록 했다. 하지만 페이지 이동이 프론트단의 라우터를 통해 이루어지는 CSR 프로젝트에서는 불가능한 일이다. RESTful REST API는 기본적으로 상태 없음을 지향한다. 세션을..🫠 TIL2023.07.27
-
[Vue] 영화 프로젝트에 라우터 적용하기🌙 MOVIE 지난 프로젝트에서는 싱글 페이지 애플리케이션의 구조 파악이 미약했다. 이에 영화 검색, 검색 결과 조회, 영화 상세정보 조회 등 모든 기능을 하나의 페이지에 때려넣어야 했다. 하지만 라우터를 학습하면서 기존에 모달로 구현했던 영화 상세정보 조회 기능을 분리된 url에서 조회하도록 바꾸어보기로 했다. 더불어 글래스모피즘을 활용한 UI 수정도 곁들였다✨ Before After /contents/${id}를 통해 상세정보에 접근할 수 있도록 RESTful하게 만들어보았다. Router 메인 페이지(검색창)과 상세정보 페이지를 분리하고 자유롭게 드나들기 위해 각각의 컴포넌트를 분리했다. 기존에는 최상위 root에 header, content, footer 등 여러 컴포넌트가 존재했다. 하지만 컴포..🎨 UI/🌼 Vue2023.07.27
-
[Vue] Vue.js와 영화 API를 활용한 프로젝트🌙 MOVIE Vue 3 프로젝트 TDMB REST API Vue 기본 개념인 컴포넌트 구조 활용 axios를 활용해 REST API와 비동기 통신 Vuex를 활용해 컴포넌트들이 공유하는 상태 선언, 코드 중복 최소화 Vue.js를 공부하면서 CLI로 프로젝트를 생성하고 로컬 스토리지를 활용한 일정관리 앱을 만들었다. 하지만 단순히 key와 값만을 저장할 수 있는 로컬 스토리지의 기능에서 한계를 느꼈고, 본격적으로 프로젝트에 들어가기 전 나만의 프로젝트를 만들어 복습해보고 싶었다. 예전에도 영화 API를 사용해 비슷한 프로젝트를 진행한 적이 있다. 당시에는 MVC 모델 기반으로 화면단은 JSP를 사용했는데, 비즈니스 로직과 UI 코드들이 뒤섞여 디버깅에 엄청 애먹었다. 이번에는 프론트 프레임워크로 Vue..🎨 UI/🌼 Vue2023.07.25
-
[Mac] brew를 사용한 Maven 설치Homebrew brew는 Mac os에서 사용하는 패키지 관리자 애플리케이션의 일종이다. 패키지 관리자는 프로그램을 손쉽게 설치할 수 있도록 도와준다. 일반적으로 프로그램을 설치하려면 설치파일을 다운받고 실행하는 과정을 직접 수행해야 한다. 하지만 패키지 관리자를 사용할 경우, Terminal에 명령어 한줄만 입력해주면 설치파일을 다운로드하고 실행하는걸 넘어 환경변수 등 복잡한 설정까지 알아서 해준다. Homebrew 설치 🔗 해당 링크에 들어가 스크립트를 복사하고 터미널에서 실행해주면 설치 완. Maven 설치 터미널에 다음 명령어를 입력하면 메이븐 설치는 끝난다. brew install mvn mvn -version 명령어로 메이븐 버전을 확인해보자. 버전 정보가 출력된다면 제대로 설치된 것이다. ..🫠 TIL2023.07.24
-
[Mac] Apache Tomcat 9.0 설치하기Mac 개발환경 세팅을 위해 톰캣을 설치해보자. Apache Tomcat 설치 톰캣 다운로드 🔗 좌측 탭에서 설치할 톰캣 버전을 선택한다. 나는 9.0버전을 선택했다. 하단에 Binary Distributions에서 OS에 따라 파일을 선택한다. M1, M2는 tar.gz를 받으면 된다. 파일을 다운받고 압축을 해제한 후, 설치할 경로로 폴더를 이동해준다. bin 폴더에서 터미널을 열어준다. 터미널에서 bin 폴더로 경로를 변경해주어도 된다. ./startUp.sh 명령어를 입력해 톰캣을 실행한다. 브라우저를 키고 localhost:8080으로 이동한다. 해당 페이지가 나타나면 제대로 설치된 것이다.🫠 TIL2023.07.22