Sangil's blog

https://github.com/ChoiSangIl Admin

BootStrap4 댓글창(reply) 만들기 #1 DEV / WEB

2020-02-09 posted by sang12


이번에 BootStrap4와 awesome 4.7을 이용하여 댓글창을 개발 하고 있습니다. awesom 최신버전을 사용해볼까 했는데.. 뭔가 많이 바꼈더라구요. 그래서 계속 사용하고 있는 4.7버전을 이용했습니다. 쓸만한게 있나 찾아보다가.. Bootstrap3은 사용할만한게 많은데 4는 찾기가 쉽지 않더라구요 그래서 직접 만들어서 공유합니다


< div class="card mb-2">
	<div class="card-header bg-light">
	        <i class="fa fa-comment fa"></i> REPLY
	</div>
	<div class="card-body">
		<ul class="list-group list-group-flush">
		    <li class="list-group-item">
			<div class="form-inline mb-2">
				<label for="replyId"><i class="fa fa-user-circle-o fa-2x"></i></label>
				<input type="text" class="form-control ml-2" placeholder="Enter yourId" id="replyId">
				<label for="replyPassword" class="ml-4"><i class="fa fa-unlock-alt fa-2x"></i></label>
				<input type="password" class="form-control ml-2" placeholder="Enter password" id="replyPassword">
			</div>
			<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
			<button type="button" class="btn btn-dark mt-3" onClick="javascript:addReply();">post reply</button>
		    </li>
		</ul>
	</div>
</div>
#BootStrap4 #Bootstrap4 reply #bootstrap4 댓글창

jellyji
2020-02-11 05:35:19.0

앞으로도 좋은 정보, 글 부탁드려요!:)

최상일
2020-02-11 23:19:00.0

감사합니다

REPLY

spring boot 301메세지로 페이지 이동 알리기(redirect) DEV / WEB

2020-02-05 posted by sang12


블로그를 운영하며 사용자의 접속자 수나 접속페이지를 보기위해 구글 아날리틱스를 이용하고 있습니다. 그런데 처음 개발을 할때 게시글의 구조를 도메인/게시글id (sang12.co.kr/1) 형태로 개발을 하여서, 접속 페이지를 보기 위해선 게시판아이디의 게시물이 뭔지 알고 있거나 직접 들어가야하는 방법밖에 없었습니다. 너무불편..답답 그래서 도메인/게시글id/제목(sang12.co.kr/1/title) 형태로 변경을 했습니다.

하지만 저렇게 변경해서 등록했음에도 불구하고 여전히 사람들은 기존에 주소로 들어오고 있네요..? 물론 RSS에도 등록을 해줘서 시간이 지난다면 변경된 URL로 자연스럽게 바뀔수도 있겠지만... 구글에게 변경된 주소를 알려줘야 겠다고 생각했습니다.
이럴때 사용하는게 301메세지인데요. 구글 로봇은 저의 URL로 접속 할 때, 301메세지를 받으면 아! 이 주소가 기존의 주소에서 변경됬구나 라고 알게됩니다.  302메세지는 임시로 바꿨어~ 라는 메세지가 되죠.

잡설이 길었네요 그럼 이제 spring boot에서 301메세지로 redirect 시키는 방법을 알아보겠습니다. 

        @RequestMapping("/redirect/{articleId}")
	public RedirectView redirectTest(@PathVariable int articleId){
		//String redirectUrl = "www.naver.com";
		String redirectUrl = "/redirect/" +articleId+ "/test";
		RedirectView redirectView = new RedirectView(redirectUrl);
		redirectView.setStatusCode(HttpStatus.MOVED_PERMANENTLY);
	    return redirectView ;
	}

setStatusCode를 이용해 HttpStatus.MOVED_PERMANENTLY(302) 메세지를 전달하며 이동된 페이지(redirectUrl)로 리다이렉트 시켜줍니다. 

이제 누가 어떤 페이지를 보고 있는지 알 수 있겠네요 만족!

#spring boot 301 #spring 301 #spring boot redirect #spring boot 페이지 이동 #구글아날리틱스 url
REPLY

Linux에서 Gradle프로젝트 War파일 생성하기 (Github) DEV / WEB

2019-12-06 posted by sang12


Spring Boot를 이용하여 만든 Gradle 프로젝트를 리눅스 상에서 Clone받아와(Github) War파일을 만드는 방법을 알아보도록 하겠습니다. 


1.yum 명령어를 이용하여 git 설치

#git version 및 설치 확인
$git --version  
#git 설치
$yum install git

2. Github에서 소스파일 clone 

$git clone https://github.com/ChoiSangIl/blog.git

Github에서 Gradle 프로젝트 소스를 Clone합니다. 그리고 민감정보를 보관하고 있는 properties 설정 파일을 넣어 주었습니다. War파일로 묶는데 이상이 없게끔..(DB정보)

3. Gradlew를 이용하여 war파일 생성하기

clone한 프로젝트에서 gradlew가 있는 위치로 이동합니다. 그리고 ./gradlew build 명령어를 이용하여 war파일을 생성합니다. bash: ./gradlew: 허가거부 오류가 나올경우, chmod +x gradlew 명령어를 사용하여 실행권한을 줍니다.

$./gradlew build

build명령어를 사용하면, build/lib 위치에 war파일이 생성된 것을 확인 할 수 있습니다. 


#Linux Gradle War #Gradle #Gradle war
REPLY