learn to code

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

깃허브 사용하기 🐶: 조장 역할 🐰: 팀원 역할 깃과 깃허브 1 참고 📖 [형상관리] 깃(git)과 깃허브(github) - 조장 역할 🐰 조장의 초대받기 🐰 깃허브 데스크탑 설치 후 클론 뜨기 👉🏻 STS 접속 후 인코딩, 서버, 탭 설정하기 🐰 Project가 안 보여요 👉🏻 File - Open Projects from File System... - import Project from File System or Archive 접속 후 import source 칸의 Diretory에서 프로젝트 경로 등록 👉🏻 조장님이 주신 파일이 제대로 들어옴 🐰 소스코드 수정 후 commit, push 👉🏻 코드 작성/수정 👉🏻 이때 메소드의 역할, 매개변수, return 등의 정보를 기입해 줄 것 👉🏻 깃허브 데..

[형상관리] 깃(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] JavaScript에서 $(달러 사인)이 안 먹힐 때 (feat. jsp)

https://gurtn.tistory.com/80 [JS] 별점 드래그 구현 완성본 코드 See the Pen Drag Star by hyukson (@hyukson) on CodePen. 코드 풀이 ★★★★★ ★★★★★ // JAVASCRIPT CODE const drawStar = (target) => { document.querySelector(`.star span`).style.width = `${target.value * 10}%`; } // JQUERY gurtn.tistory.com 📌 현재 상황 프로젝트 별점 구현을 위해 구글링 하던 중 이분의 티스토리에서 간편하게 이해하기 쉬운 코드를 찾음! VSCode에서 잘 구현되길래 행복했는데 STS에 옮긴 후 서버를 돌렸을 때는 별의 색이 채워지..

[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..