profile
성장형 웹 개발자
post-thumbnail

Session Storage를 이용한 뒤로 가기

💡 프로젝트를 진행하면서 특정 목록(이하 List)을 조회하는 기능이 있습니다.이 때 검색은 페이지 이동없는 ajax로 비동기식 방식으로 진행을 합니다. 목록중에 하나를 눌러 상세보기(이하 detailView)로 들어갈 수 있습니다. 해당 detailView로 들어가

2022년 4월 7일
·
0개의 댓글
post-thumbnail

@이벤트, import & export

JS에서 이벤트를 달려고 하면 onclik에 원하는 메소드를 넣어 동작을 했다. Vue에서는 @를 붙이고 원하는 이벤트를 넣을 수 있다. 아래 코드는 허위매물신고라는 버튼을 만든 후 클릭 시 해당 매물의 신고수의 갯수가 하나씩 늘어나느 코드이다. 먼저 매물의 갯수가 3

2022년 3월 19일
·
0개의 댓글
post-thumbnail

[Vue.js]반복문(v-for)

동일한 문구가 반독될 때 반복문 사용을 한다. 예를 들어서 네비 상단바에 있는 각 태그들은 <a>Home</a>, <a>Shop</a> , <a>About</a> 와 같이 a태그의 반복으로 구성되어 있다. 중복코드 작성을 줄이기 위해서

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[Vue.js]데이터 바인딩

뷰는 위처럼 data()라는 객체를 만들고 그 안에 return안에 object형식으로 필요한 데이터를 집어 넣으면 된다. 이 때 특이한점은 일반 javascript와 다르게 var, const, let을 선언해 주지 않고 바로 적는 모습이다. 선언한 데이터를 본문에서

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[Vue.js]Vue 시작하기

💡 React와 Vue를 고민하다가 Vue를 공부해 보기로 하였다. 아무래도 카카오에서 React보다 Vue를 선호하고 코드도 훨씬 간결하고, JS와는 다른 새로운 언어이기 때문에 도전한다!2014년도에 릴리즈를 시작으로 꾸준하게 업데이트 및 발전하고 있는 자바스크립

2022년 3월 14일
·
0개의 댓글
post-thumbnail

형상관리란? Git이란?

💡 개발을 진행할때에는 보통 혼자 진행하는 경우보다 팀 단위로 기능별로 파트를 나누어 진행하는 경우가 많다. 이 때 자주 사용하는 툴이 git이다.형상관리는 어떠한 임무(프로젝트)를 수행할 때 각자 나눠서 맡은 부분을 진행하게 되는데 이 때 각자가 진행한 업무를 하나

2022년 3월 13일
·
0개의 댓글
post-thumbnail

ControllerAdvice?

프로젝트를 진행 하면서 예외처리를 구현해야 하는 경우가 생겼다. 이 때 보통 try & catch를 통해서 진행을 하였지만 컨틀로러 단에서 코드가 길어질 뿐만 아니라 매번 작성을 해줘야 한다는 문제점이 생겼고 ControllerAdivce라는 어노테이션을 발견하여 기록

2022년 3월 13일
·
0개의 댓글
post-thumbnail

EhCache란?

💡 EhCache란 캐시를 캐시저장소에 만료시간과 함께 저장하고, 사용자 요청이 있을 때 만료시간 전 이라면 해당 저장소에 있는 데이터를 쓰는 방식이다.웹뷰 프로젝트를 진행한 경험이 있습니다. 이 때 DB에 접근하여 데이터를 얻어와 해당 값을 ID별로 분기처리를 해

2022년 3월 13일
·
0개의 댓글
post-thumbnail

WebView? ViewPort?

웹뷰(WebView)란 웹 브라우저를 뷰(View)형태로 앱에 임베딩 하는 것을 의미한다.즉, 앱 내에 웹을 넣는 것을 의미한다.WebView를 사용하는 이유는 다양하지만 먼저 AOS와 IOS에 동시에 동일한 서비스가 제공 될 때 따로따로 개발을 진행하지 않고 웹개발만

2022년 3월 13일
·
0개의 댓글
post-thumbnail

RestTemplate 예외 처리

RestTemplate를 사용하면서 발생하는 예외를 해결해 보자

2022년 3월 13일
·
0개의 댓글
post-thumbnail

Thymeleaf란?

Spring Boot프로젝트를 진해하면서 Thymeleaf를 사용하였다. 익숙하지 않아 어색한거 빼고는 생각보다 사용하기 쉽고 편리하다는 생각이 들었다. Thymeleaf는 뷰 템플릿 엔진이다. 뷰 템플릿 엔진은 지정된 템플릿양식과 데이터가 합쳐져 HTML 문서를 출력

2022년 1월 30일
·
0개의 댓글
post-thumbnail

[Spring]스프링 배치에 관하여

처음 스프링 배치를 접한건 인턴십 때 였다. 인턴십과정에서 웹을 만드는 작업을 하였는데 그 중에서 스프링배치를 이용하는 부분이 있었다. 당시에 스프링배치가 무엇이고 어떤 기능에 배치를 적용시켜야 할지 모르는 부분이 많았다. 개념을 잘 정리해주신 블로드도 많이 있지만 내

2021년 12월 31일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 스프링 배치 적용(2)

스프링 배치1 - 오래된 게시물 에서는 통계 배치가 아닌 단순 배치를 이용하였고 이번 포스트에서는 통계성격의 배치를 이용하여 차트를 적용하겠습니다.통계식 배치가 뭐가 있을 까 해다가 게시판 관리자가 확인할 수 있는 게시물 통계 배치를 만들자고 생각하였다. 일단 작동 방

2021년 12월 28일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 스프링 배치 적용(1)

처음 스프링 배치를 시작할 때 어떻게 내 프로젝트에 적용시켜야 할지 많이 고미을 하였다. 많은 예시를 찾아보다가 당근마켓에서 알람이 하나왔다. "게시물을 올리신지 00일이 지났어요! 알림을 확인해 주세요!"라는 알림 이었다. 이 알림을 읽고 '오래전에 게시물을 올렸지만

2021년 12월 28일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 지도 게시판

이 게시판의 특징은 지도로 게시물의 위치를 볼 수 있다는 것이다. 실제 당근마켓을 이용해 보면서 불편했던 점이 '그래서 어디서 판매하는데?' 였다. 그래서 이 게시판을 구현하였고 카카오지도를 이요하여서 지도에 게시물을 나타내는 기능을 구현하였다.카카오지도를 적용하는 방

2021년 12월 28일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 게시글 리스트

게시판의 컨셉은 중고거래 컨셉이므로 각 카테고리가 존재한다. 해당 카테고리에 쉽게 접근할 수 있도록 사이드바 형식으로 카테고리를 설정하였다. 먼제 카테고리 html을 fragment로 만들었다. 해당 sideCategory.html을 boardList.html에서 in

2021년 12월 28일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 댓글 및 대댓글

먼저 댓글을 처음 구현할 때 시행착오가 한번 있었다. 일반 댓글을 구현할 때에는 문제가 없었지만 대댓글 까지 구현하려니 댓글테이블과 대댓글테이블을 따로 만들어야 하나 라는 고민에 빠졌다. 둘다 만들자니 성격이 비슷한 테이블이 두개 만들어 지는거 같아 불 필요하다고 느꼈

2021년 12월 27일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 게시글 상세보기

게시글 작성 후 해당 게시글을 눌렀을 때 보이는 상세 화면이다. 처음 부딪힌 문제는 위지윅을 이용해서 해당 글을 DB에 저장할 때 아래와 같이 태그도 함께 저장이 된다.이를 화면단에 보여줄 때 Dto를 넘겨 보여주는 방식으로 진행하였는데 HTML에서 아래와 같이 단순

2021년 12월 24일
·
0개의 댓글
post-thumbnail

[게시판 프로젝트] 게시글 작성

📌 게시글 작성 먼저 게시글 테이블은 아래와 같이 구성되어있다. Writer, CategoryId는 각각 Member와 Category테이블에 Join되어있고, Rating과 Status는 각각 물건의 상태와 게시글의 상태(판매여부 등)를 나타내며 Enum으로 구성

2021년 12월 23일
·
0개의 댓글
post-thumbnail

Enum이란?

📌 Enum? > 인턴십 활동에서 Spring Boot를 이용해서 프로젝트를 만들 당시 회원테이블에 Id, Name, Gender, Role 컬럼이 존재하였다. 사수분께서 Gender와 Role과 같은 잘 변하지 않는 값은 Enum을 활용하면 좋다고 하셔서 사용해본

2021년 12월 23일
·
0개의 댓글