프로그래밍 (25) 썸네일형 리스트형 방구석 부캠 1일차 (1/50) _ 시작이 반이다 [멋쟁이 사자처럼 테킷 부트캠프]를 수료하고 이어서 취업준비 기간동안 혼자서 방구석 부트캠프를 진행해보려고 한다.기간은 총 50일이고 이 기간동안 하루도 빠짐없이 블로그에 글을 업로드 하는것이 스스로에 대한 약속이다.부캠의 커리큘럼은 오전에는 코딩테스트 문제를 풀고 오후에는 개인 프로젝트를 진행하고 정처시 실기 준비를 하는것이다.프로젝트를 진행하는 과정에서 필요한 기술 스택에 대한 공부를 추가적으로 할수도 있다.부캠기간동안 하루에 8시간에서 12시간정도 꾸준히 스터디 해야한다.블로그에는 코딩테스트에서 중요하다고 느끼는 부분이나 프로젝트의 내용과 트러블 슈팅 과정 등이 업로드 될것이다. 방구석 부캠에서는 테킷 프로젝트에서 만들었던 웹 서비스와 유사한 프로젝트를 혼자서 만들어보는것이 주된 목표이다. 오늘은 .. aws 배포방법 팁 중요 pem 키 생성하기 인스턴스 시작 pem 키 권한 부여 chmod 400 yourPemKey.pem 서버에 ssh(secure shell)로 접속 ssh -i ubuntu@ 접속후 자바 설치 방법 sudo apt update 자바 JRE 설치(실행만 되면 됨) sudo apt install openjdk-17-jre-headless 설치 확인 java --version 레포지토리 클론 git clone https://github.com/joshiaLee/Mission_blinding.git gradlew로 빌드하기 ./gradlew bootJar 애플리케이션 시작 java -jar build/libs/lion-0.0.1-SNAPSHOT.jar aws 보안 설정해줘야함 보안 -> 보안 그룹 -> 인바.. git 사용법 꿀팁 모음 git pull 할때 병합방식 선택해 주어야한다 git config pull.rebase false (변경 사항을 가져오고 현재 브랜치와 가져온 변경 사항을 하나로 합치는 방식, 즉 내가 작성한게 가장 최신으로 덮어진다) git branch -현재 리포지토리에 있는 모든 브랜치의 목록을 확인 -현재 체크아웃된 브랜치는 별표(*)로 표시됨 git branch [브랜치 이름] -새로운 브랜치를 생성할 수 있습니다. -이 명령어는 새 브랜치를 만들지만, 자동으로 그 브랜치로 전환 X git switch 브랜치명 -브랜치명으로 브랜치 전환 git switch -c 브랜치명 -브랜치명으로 새로운 브랜치를 만들고 switch까지 함 git log --oneline --graph --all 현재 브랜치들이 어떻게 갈.. 소개팅 웹 애플리케이션(5)_최종 이렇게 소개팅 웹 애플리케이션이 마무리 되었습니다. 앞서 포스팅한 모든 기능을 한꺼번에 동영상으로 편집해보았습니다. 앞으로 추가하고 싶은 기능은 단순한 쪽지만이 아니라 네트워크를 사용한 실시간 채팅 기능을 구현하고 싶고 실제 운영 서비스까지 해볼수 있다면 좋겠습니다. 자세한 코드는 아래 제 깃허브에 올려놓았습니다. https://github.com/joshiaLee/meetingapp GitHub - joshiaLee/meetingapp: meetingapp meetingapp. Contribute to joshiaLee/meetingapp development by creating an account on GitHub. github.com 처음에 소개팅 어플을 만들어야겠다고 시작했을때 기본적인 백엔드 .. 소개팅 웹 애플리케이션(4)_매칭 기능과 부가 기능 먼저 마이페이지 버튼을 클릭하면 내 정보와 메시지함을 확인할수 있습니다. 회원정보수정 버튼을 클릭하면 내 정보를 수정할수 있습니다. 동영상으로 보시면 다음과 같습니다. 이제 이 소개팅 어플을 가장 핵심 기능인 매칭 기능에 대해서 리뷰해보겠습니다. 만보기 매칭이라는 버튼을 클릭하면 내 위치 좌표에서 반경 10km(만보) 이내에 있는 이성 회원을 한명 매칭합니다. 매칭된후에는 쪽지를 보낼수 있으며 계속해서 매칭을 원하는 경우에는 만보기 매칭버튼을 계속 클릭하면 됩니다. 10km이내에 매칭된 회원이 없을때까지 매칭을 할수 있으며 중복된 매칭은 발생하지 않도록 합니다. QueryDSL을 사용해서 이 기능을 쉽게 구현할수 있었습니다. 이 부분에 대한 코드는 다음과 같습니다. package com.study.boa.. 소개팅 웹 애플리케이션(3)_게시판 오늘은 게시판 기능에 대해서 리뷰해보겠습니다. 먼저 첫화면에 글 목록과 어떤 글에 댓글수, 조회수등을 볼수 있고 제목을 클릭하면 그 글로 이동합니다. 글에 대한 댓글을 쓸수 있으며 비밀번호를 설정하고 나중에 댓글을 삭제할때 비밀번호를 입력해서 삭제할수 있습니다. 다시 목록으로 이동해서 글쓰기 버튼을 누르면 게시글을 작성할수 있습니다. 동영상으로 연속해서 보시면 위와 같습니다. 다음글에서는 소개팅 어플의 가장 중요한 매칭기능과 쪽지보내기, 마이페이지등에 대해서 리뷰해 보겠습니다. 감사합니다. 소개팅 웹 애플리케이션(2)_로그인 소개팅 애플리케이션 '그대 만 보기' 의 첫 화면과 회원 가입 부분에 대해서 정리해보겠습니다. index.html 페이지 화면입니다. 이 페이지에 대한 코드입니다. 그대 만 보기 로그인 회원가입 Ajax 함수를 사용해서 api 방식으로 비동기 통신을 하도록 했습니다. 로그인 버튼을 클릭시 Json 데이터 타입을 Post 방식으로 MemberController에서 Url이 /member/login인 매핑된 곳으로 요청을 하게됩니다. @PostMapping("/member/login") public @ResponseBody String login(@RequestBody Member member, HttpServletRequest request){ Member loginMember = memberService.. 소개팅 웹 애플리케이션(1)_설계도 인프런 김영한 강사의 강의를 학습하면서 평소에 만들어보고 싶었던 소개팅 웹 애플리케이션을 만들어가면서 따라가 보았습니다. 확실히 내가 직접 설계를 할때 생각과 고민을 하면서 강의를 따라가보니 강사님이 왜 어떤 포인트에서 강조했는지 깨닫는 부분들이 많았고 이해가 더 잘되었습니다. 실무에 강하신 분이라 실수나 개념 오해가 많은 부분을 잘 짚어주셔서 고민하는 시간을 줄일수 있었습니다. 이 애플리케이션은 Spring MVC 패턴으로 설계하였고 Spring boot 환경에서 JPA를 사용하여 코딩했습니다. 데이터베이스 접근 기술은 Spring data JPA와 QueryDSL을 사용하였고 데이터베이스는 h2 입니다. 오늘부터 이 애플리케이션에 대한 리뷰를 시작해보겠습니다. 애플리케이션의 이름은 '그대 만 보기' .. 이전 1 2 3 4 다음
