어제의 나보다 성장한 오늘의 나

교수님의 서버에 배포한 서비스를 자동화 시키고 싶은데 깃허브 액션과 젠킨스 사용이 방화벽 이슈로 어려웠다. 그래서 생각한 방안이 배포 자동화 쉘 스크립트이다. 미리 작성한 쉘 스크립트를 실행 시키기만 하면 배포를 자동으로 해주는.. 서버에 필요한 것 1. Node.js 2. pm2 (백 그라운드 실행) 이것만 있으면 됩니다. 쉘 스크립트 내용 중간 중간 ~/log/front-manager-deploy.log 파일에 로그를 찍습니다. #!/bin/bash # 마일리지 관리자 페이지 프론트앤드 pull -> build -> execute (pm2) 자동화 logFile="$HOME/log/front-manager-deploy.log" SourceDir="SW-Milege-Front" # 현재 날짜와 시간을 ..

오늘은 파이썬 데이터 분석 라이브러리인 Pandas의 "Data Frame" 에서 많이 사용되는 함수에 대해 알아보겠습니다. 0. Import import pandas as pd 1. DataFrame 생성 1) Dictionary로 Data Frame 생성 d = {'col1': [1, 2], 'col2': [3, 4]} df = pd.DataFrame(data=d) 2) Array로 Data Frame 생성 d = [['Hayoon', 165, 53], ['Orim', 182, 64], ['Minsu', 172, 82]] people_info = pd.DataFrame(data=d, columns = ['name', 'cm', 'kg']) 3) numpy 의 array로 Data Frame 생성 df..

터미널을 키고 프로젝트 파일로 이동한다. ./gradlew build cd build/libs java -jar jar파일이름 빌드완료 Localhost:8080 build 를 지우고 다시 생성하고 싶다면 gradlew가 있는 파일로 다시가서 ./gradle clean ./gradle clean build Build 파일이 삭제된 것을 볼 수 있다. 후에 다시 ./gradlew build 하면 된다.

오늘은 갓 만든 프로젝트를 가지고 간단한 페이지를 만들어 보겠습니다. 먼저 처음 실행시키면 뜨게 되는 Welcome page (index.html)을 만들어보고 Controller를 이용하여 아주 간단한 hello.html 페이지도 만들어보겠습니다. Welcome Page 만들기 src / main / resources / static 경로에 index.html 파일 생성 index.html Hello URL - localhost:8080 Controller 이용해서 간단한 동작하는 페이지 만들어 보기 Src/main/java/hello.hellospring 경로에 controller 폴더와 그 안에 HelloController 컨트롤러 파일 생성 HelloController.java package he..

오늘은 스프링 부트(Spring Boot) 프로젝트를 만드는 법에 대해서 알아보겠습니다. 스프링 부트(Spring Boot)는 스프링(Spring)을 더 쉽게 이용할 수 있게 도와주는 툴입니다. 스프링은 세팅해야 할 것들이 정말 많습니다. 그래서 초보개발자 분들은 스프링 사용에 어려움을 많이 겪습니다. 스프링 부트는 매우 간단하게 프로젝트를 설정할 수 있게 도와줍니다. 이를 통해 Spring 개발을 더 원활하고 쉽게 할 수 있습니다. 사전 개발 환경 세팅 Required 1) JAVA 11 2) IntelliJ Idea 프로젝트 만들기 스프링 부트 스타터 사이트 이곳에서 스프링 프로젝트를 생성할 수 있습니다. https://start.spring.io

오늘은 자바스크립트를 통해 html 태그를 다룰 수 있게 도와주는 함수인 querySelector 함수에 대해서 알아볼 것입니다. querySelector는 getElementby~ 함수들과 비슷합니다. 하지만 id , class , 복합 태그 모두 가져올 수 있기 때문에 더 강력합니다. querySelector() 괄호 속에 제공한 선택자와 일치하는 문서 내 첫 번째 Element를 반환 일치하는 요소가 없다면 null 반환 사용 예시 // javascript const selected = document.querySelector("h1"); 문서 내의 첫 번째 h1 태그를 찾아 selected에 반환해줍니다. 사용 방법 4가지 1) 태그 select 2) 클래스 select 3) id select 4..

Css는 html에 스타일을 주기 위해서 사용 됩니다. 특정 html 태그에 원하는 스타일을 주기 위해서는 css 선택자를 이용 하여야 합니다. CSS 선택자 (Selector) h1{ color : blue; } 이 코드를 보시면 h1 태그에 글자색을 파란색으로 바꾸라는 css 문법입니다. h1이 바로 css 선택자입니다. 글자 색상을 바꾼 것처럼 스타일을 줄 건데 어떤 태그에 적용 해야 하는 지를 알려 주는 역할을 합니다. Selector 종류 1) 전체 선택자 2) 태그 선택자 3) 클래스 선택자 4) id 선택자 5) 복합 선택자 이 html을 예시로 보여드리겠습니다. Hello Hello Hello Hello 1) 전체 선택자 표기 : * { } 모든 태그에 css를 적용합니다. *{ color..

오늘은 html에서 많이 사용되는 태그 중 하나인 태그에 대해서 알아보려고 합니다. href 하이퍼링크 기능 1) 절대 경로 A태그 왼쪽의 A태그를 클릭하면 href에 적혀있는 주소로 이동..! 2) 상대 경로 A태그 같은 폴더 안에 있는 index.html로 이동 3) 자바스크립트 호출 A태그 감사합니다.