- 전체보기(56)
- Java(12)
- JavaScript(9)
- Spring boot(8)
- What I learned(7)
- vue.js(6)
- JPA(4)
- LocalDateTime(4)
- Spring(3)
- kakao api(3)
- 멋쟁이사자처럼(3)
- LocalDate(3)
- sql(3)
- Thymeleaf(3)
- 팀프로젝트(2)
- 프로그래머스(2)
- JWT(2)
- TDD(2)
- LocalTime(2)
- 객체지향(2)
- String(2)
- spring security(2)
- select(2)
- 세션(1)
- 쿠키(1)
- 해커톤(1)
- maven(1)
- 템플릿 엔진(1)
- 여러 개 마커 표시하기(1)
- text(1)
- 다형성(1)
- service(1)
- ajax(1)
- SBB(1)
- 날짜 차이 계산(1)
- 의존성 주입(1)
- 후기(1)
- 애너테이션(1)
- annotation(1)
- 여행을DAMDA(1)
- toast(1)
- @JsonInclude(1)
- transaction(1)
- jsonignore(1)
- login(1)
- access token(1)
- 문자열(1)
- error(1)
- REST API(1)
- 주소로 장소 표시하기(1)
- 에디터(1)
- 재시작(1)
- Paging(1)
- 템플릿 상속(1)
- 캐시(1)
- jquery(1)
- 최종합격(1)
- 2차 과제(1)
- 공통 템플릿(1)
- 날짜를 문자열로(1)
- 백엔드 스쿨(1)
- 날짜(1)
- 페이징 처리(1)
- 아이디어톤(1)
- Markdown(1)
- 토큰(1)
- Fetch(1)
- .DS_Store(1)
- github(1)
- @RequiredArgsConstructor(1)
- 상속(1)
- 자바(1)
- 지도 범위 재설정하기(1)
- 마크다운(1)
- 백엔드스쿨(1)
- logout(1)
- duration(1)
- MyBatis(1)
- 문자열을 날짜로(1)
- 생성자 주입(1)
- 지도에 컨트롤 올리기(1)
- 로그아웃(1)
- 파이널 프로젝트(1)
- test(1)
- 스프링 시큐리티(1)
- 로그인(1)
- toy project(1)
- page(1)
- 자바의 정석(1)
- transactional(1)
- 여행을 DAMDA(1)
- JsonProperty(1)
- 1차 합격(1)
- Swagger-ui(1)
- refresh-token(1)
5강 모달창 만들기
<img>넣는 법절대경로(http://)링크 그대로 첨부상대경로 : <img src="./경로">이미지가 미리 준비된 상태에서 경로 작성./ -> (현재 폴더 경로에서) 라는 의미모달창을 띄우기 위해서는 이미 만들어진 화면을 띄우는 것이기 때문에 미
4강 이벤트 핸들러
클릭, 드레그, 키보드 타이핑 등의 이벤트가 있을 때, 지정한 Javascript 코드를 실행한다.vue에서는 v-on:click 혹은 @click 등의 표현을 사용한다.만약 클릭 이벤트로 인해 실행해야 할 코드의 양이 많다면 어떻게 해야 할까?script태그 안에 아
의존성 주입 - @RequiredArgsConstructor
Spring의 핵심 기술 중 하나는 DI(Dependency Injection), 의존성 주입이다.이 글에서는 의존성 주입의 방법들과 @RequiredArgsConstructor 어노테이션을 이용한 생성자 주입에 대해서 더 자세히 다뤄보고자 한다.생성자 주입은 말 그대
3강 반복문
html 에서 배열 데이터 바인딩하기Ex) 메뉴바위의 메뉴바 html과 같이 화면을 구성하다보면 반복되는 태그들이 생긴다.vue에서의 태그 반복문은 v-for이다.횟수 자리에는 js에 있는 데이터도 넣을 수 있다.이럴 경우, 자료형 안에 있는 데이터의 갯수만큼 반복한다
2강 데이터 바인딩
화면 깔끔하게 정리 코드 넣기 기존 코드 {{데이터 바인딩}} js 데이터를 html에 꽂아넣는 문법 쌩 자바스크립트 document.getElementById().innerHTML = ?? 뷰 export default { } 데이터 보관함 안에 데이터 선언 및
1강 Vue 설치 & 세팅
강의에서는 vscode 사용, 필자는 intellij 사용폴더 생성에디터로 폴더 열기터미널로 vue cli 설치npm 으로 install 에러 발생 시 대체로 yarn 사용 시도(안정적이고 약간 빠름)vscodeVeturhtml css supportvue 3 snipp
0강 Vue.js?
화면 전환이 부드럽다.웹을 모바일 앱처럼 만들 수 있다.(web-app)웹앱을 만드는 React, Angular 와 같은 프론트 웹 프레임워크리엑트와 앵귤러보다 쉬운데, 리액트와 앵귤러와 같은 결과물을 낼 수 있다.리액드의 ifvue의 if리액드의 forvue의 for
Spring 5.x, Boot 2.x -> Spring 6, Boot 3
Java 17 기반으로 변경일부 Java EE API 지원 종료XML이 Spring 에서는 점차적으로 사라지게 될 것RPC 지원 종료새로운 AOT 엔진 도입@Inject 같은 어노테이션들이 jakarta.annotaion 패키지로 변경jakarta EE 로의 변경 h
TDD(Test Driven Develop)
TDD는 Test Driven Develop의 약자로, 테스트 주도 개발을 의미한다.기능과 서비스를 개발한 후에 테스트 코드를 작성하고 테스트하는 것이 아닌 테스트를 먼저 작성하고 테스트를 통과하는 기능과 서비스를 개발하는 것이다. 더욱 안정성있고 견고한 개발을 진행하
JPA - @Query
현재 개인 토이 프로젝트에서 jpa를 사용 중이다. 기존에는 jpa를 활용해 findById, findAll, findByUsername 과 같은 단순한 메서드들만 구현을 했었다. 프로젝트를 진행하던 중 단순한 jpa로는 구현하기 까다로운 문제들을 마주했다. 그래서 구
[Java]날짜 -> 문자열(LocalDateTime -> String)
날짜, 시간 정보를 문자열의 형태로 포맷하는 방법에 대해서 간단히 정리해 보았다.
fetch(javascript) 사용법
ajax는 Asynchronous Javascript And Xml의 약자로, 브라우저의 XMLHttpRequest객체를 통해 페이지의 새로고침 없이 페이지의 일부를 변경하기 위한 데이터를 가져오는 기법을 의미한다.처음에는 XMLHttpRequest객체로 통신을 했지만
select - 3월에 태어난 여성 회원 목록 출력하기
3월에 태어난 여성 회원 목록 출력하기date_format(x, y)datetime타입의 값 x를 문자열y의 형식으로 포맷하여 반환한다.ex)x -> 2022-12-19 12:12:12date_format(x, '%Y-%m-%d') -> '2022-12-19'date_
select - 인기있는 아이스크림
인기있는 아이스크림order by xx를 기준으로 오름차순(기본값) 정렬하여 결과를 반환한다.order by x descx를 기준으로 내림차순 정렬하여 결과를 반환한다.
select - 강원도에 위치한 생산공장 목록 출력하기
강원도에 위치한 생산공장 목록 출력하기left(x, y)문자열 x를 3번째 자리까지만 잘라 반환한다.ex) left('test', 2) -> 'te'
JWT(Access Token, Refresh Token)
개요 프로젝트를 하며 JWT를 사용하게 되고, JWT를 공부하려다 보니 쿠키와 세션까지 공부하고 글을 작성하게 되었다. 그러고 나서 JWT를 파며 글을 작성하다가 엑세스 토큰, 리프레시 토큰이라는 것에 대해서 또 알게되었고, 이것도 중요해 보이니 꼭 짚고 넘어가야겠다는