💻 <!-- dev -->

[형상관리] 깃(git)과 깃허브(github) - 협업 준비 과정

형상 관리 👉🏻 모양을 잡아 준다 👉🏻 소프트웨어의 변경사항을 추적하고 기록을 남기는 것 👉🏻 새로운 버전으로 패치하고 패치된 내용, 왜 패치되었는지, 기존 이슈에서 수정한 게 뭔지를 정리하는 문서로도 사용 대표적인 툴 SVN, Git, github 등 github의 구조 소스코드가 담긴 파일을 업로드/다운로드 커밋(commit) ✔️ 내 컴퓨터에서 원격 저장소로 보낼 폴더로 업로드 (push) ✔️ 내 컴퓨터에서 원격 저장소로 다운로드(pull, clone) ✔️ 원격 저장소에서 내 컴퓨터로 clone 👉🏻 전체 코드를 전부 다운로드 pull 👉🏻 변경된 부분만 가져오겠다 깃허브 사용하기 🐶: 조장 역할 🐰: 팀원 역할 1. 깃허브 회원가입 https://github.com/ GitHub: Let’s ..

[Cloud] 클라우드 서비스 구축 및 연동 구현

더보기 Cloud 서비스의 구축과 연동/구현에 대해 알아보자 가상화 ✔️ 물리적인 장비 한 대를 가지고 마치 여러 개의 장비처럼 동작시키거나 반대로 여러개의 장비를 묶어 한 대의 장비인 것처럼 운용할 수 있게 해 주는 기술 👉🏻 내가 실제로 가지고 있는 장비는 아니지만 내가 가지고 있는 것처럼 사용할 수 있게 해 줌 클라우드 컴퓨팅 👉🏻 서버, DB, 소프트웨어 등 필요한 IT 자원을 로컬 컴퓨터가 아닌 인터넷상의 가상화된 서버에 정보를 저장하고 처리하는 기술 ✔️ 서버를 운용해 주고 있는 업체를 이용해서 사용하는 것! ex) AWS, Oracle, Mictosoft Azure, Naver Cloud Platform, Google Cloud Platform, ... 👉🏻 다양한 IT 자원을 클라우드 컴퓨..

[JavaScript] 화살표 함수(Lamda)

JavaScript의 화살표 함수 (Lamda) 👉🏻 JavaScript의 표준 ES6 버전부터 제공하는 가독성을 높여 주는 문법 👉🏻 익명함수를 대체하는 문법 (선언적 함수에는 사용할 수 없음) 표현법 👉🏻 기존의 표현법 function() { 실행할 코드 } 👉🏻 화살표 함수를 이용할 경우 () => { 실행할 코드 } 사용 예시 상황 기존 표현법 화살표 함수 표현법 기본 표현법 function ( ) { } ( ) => { } 매개변수가 1개 function (a) { } a => { } 매개 변수 여러 개 function (a, b) { } (a, b) => { } 리턴시킬 내용이 고정된 경우 function ( ) { return 10; } () => 10 활용 예시 👉🏻 기존 코드 $.ajax..

[OpenAPI] 가지고 온 공공 데이터를 화면에 뿌려 주기

RestAPI ⌨️ index.jsp 생성 및 기본 틀 만들기 👉🏻 taglib 지시어는 사용하지 않을 것이므로 삭제해 줌 👉🏻 jQuery방식으로 ajax 요청을 보내기 위해 jQuery 라이브러리 추가 📍 OpenData_Project 서버에 올리기 👉🏻 많은 프로젝트가 서버에 올라갈수록 구동 속도가 느려지기 때문에 필요없는 Ajax_Project는 내려 줌 ⌨️ APIController 클래스 생성 👉🏻 controller 패키지를 경로에 추가 후 생성할 것 package com.kh.opendata.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.Req..

[OpenAPI] 공공데이터의 개요와 가공 및 활용

공공 데이터(Open Data) 👉🏻 데이터베이스, 전자화된 파일 등으로 공공기관에서 사용할 목적으로 처리된 자료 또는 정보 👉🏻 공공기관에서의 일상적 업무 수행의 결과물로 생성 또는 수집/취득한 다양한 형태(텍스트, 이미지, 동영상 등)의 모드 자료 공공 데이터 포털 https://www.data.go.kr 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr Open API 👉🏻 공공 데이터 제공 형식 중 하나 👉🏻 HttpRequest 요청을 보내면 서버가 데이터를 응답해주는 방식 👉🏻 요청 해야하는 주소, 파라미터 ..

[11/29 백업] 서버에 별점 올리니까 안 됨...

유저닉네임 님의 평가입니다! ★★★★★ ★★★★★ 이 영화... 대박적이다 수정 삭제 콘솔에는 잘 뜨는데 css가 안 먹음... $(target).val()에 대한 값을 변수로 따로 빼고 css에 넣어 봐도 안 됨 0.1까지 변수로 빼 봐도 css 안 먹음... $(target).val()에 대한 값을 변수로 따로 빼고 css에 넣어 봐도 안 됨 심지어 지금 0.3이랑 0.6, 0.7은 이상합니다요... 백업용 vscode html 여기는 콘텐츠 영역입니다 회차 코멘트 유저닉네임 님, 이 콘텐츠 어떠셨나요? ★★★★★ ★★★★★ 유저닉네임 님의 평가입니다! ★★★★★ ★★★★★ 이 영화... 대박적이다 수정 삭제 현재 xx명의 UFO 이용자가 코멘트를 남겼습니다. 더보기 드라마광 ★ 3.0 이 영화.....

[11/29] 별점/신고

1. 별점 별점 html 유저닉네임 님, 이 콘텐츠 어떠셨나요? ★★★★★ ★★★★★ 유저닉네임 님의 평가입니다! ★★★★★ ★★★★★ 이 영화... 대박적이다 수정 삭제 현재 xx명의 UFO 이용자가 코멘트를 남겼습니다. 더보기 드라마광 ★ 3.0 이 영화... 꽤 볼만해요 신고 뿡뿡이 ★ 2.0 이 영화... 나만 별론가 신고 재탕중 ★ 5.0 이 영화보다 엄청난 영화는 없습니다 신고 별점 css #commentArea { background-color: rgb(23, 26, 33); color : white; } /* 별점 시작 */ #starScoreArea { font-size : 20px; text-align : center; } #loginUserComment { font-size : 13p..

[Spring] Spring의 추가적인 기능 알아보기 - log4j

✔️ Spring_Project에서 진행함 Logging 👉🏻 서버에서 필요에 의해 기록을 남기는 행위 👉🏻 기록할 수 있는 곳: 파일, 콘솔창, 이메일 등 Logger 👉🏻 필요에 의해 로깅을 자유자재로 수행하는 도구 👉🏻 종류: Log4j, Logback, ... 👉🏻 Spring에서는 Logging 기술을 통합하여 slf4j로 관리함 🙆🏻‍♀️ pom.xml 파일에 해당 어노테이션에 대한 내용도 있습니다 (기본 설정) ⌨️ TestClass package com.kh.spring; import org.junit.Test; import org.slf4j.Logger; import org.slf4j.LoggerFactory; // import 시 slf4j 관련 패키지의 것으로 추가해야 함 public..

[Spring] Spring의 추가적인 기능 알아보기 - JUnit

✔️ Spring_Project에서 진행함 Spring에서 기본 제공하는 폴더 👉🏻 main: 웹 사이트 제작 시 이용 👉🏻 test: 개발자가 테스트를 할 내용이 있을 때 이용 (지금부터 사용할 폴더) 애플리케이션 테스트 1️⃣ 단위 테스트 개발하는 과정에서 이루어지는 메소드 단위의 코드가 잘 작동되는지 테스트 2️⃣ 통합 테스트 모든 코드를 취합한 후에 모든 기능들이 제대로 잘 작동되는지 테스트하는 개념 3️⃣ 시스템 테스트 모든 코드들을 취합 후 비기능적 요소들이 제대로 잘 작동되는지 테스트하는 개념 ex) 사용상의 편의, 보안적 측면, 요구사항 반영, ... 4️⃣ 인수 테스트 실제 사용자의 입장에서 테스트를 수행하는 개념 ex) QA 업무 (테스트 케이스를 나열 후 검사하는 업무) JUnit 👉..

[Spring] EL구문을 활용 - 아이디 저장 쿠키

🔥 아이디 저장 쿠키 기능 🔥 ✔️ Spring_Project에서 진행함 📌 현재 상황 👉🏻 아이디 저장... 원츄 💻 header.jsp 👉🏻 아이디 저장 체크박스를 추가 회원가입 로그인 ${ loginUser.userName }님 환영합니다 마이페이지 로그아웃 HOME 공지사항 자유게시판 사진게시판 Login × ID : Password : 아이디 저장 로그인 취소 👉🏻 모양을 만들어 주었습니다 ❗️ 로직 생각해 보기 👉🏻 요청 시 전달값 중에 saveId가 y라면 saveId라는 키값으로 현재 아이디값으로 쿠키 생성 👉🏻 요청 시 전달값 중에 saveId가 y가 아니라면 쿠키 삭제 💻 MemberController 👉🏻 기존 메소드에서 saveId를 매개변수로 추가로 받아 줌 👉🏻 쿠키를 응답 데이..