전체 글

[Linux] - mysql 실행

보호되어 있는 글입니다.

[React] - Props 기초개념, 사용법

위 코드를 보면 img 태그에 src, width, height 의 속성값이 있다. 리액트에서는 이 속성을 이르는 말이 prop 이다. 그렇다면, 리액트에서 아래 사진자료처럼 내가 직접 만든 컴포넌트에도 속성을 추가할 수 있을까? 바로 시작해보자. 아래 사진처럼 Header 컴포넌트의 값을 함수를 직접 수정하지 않고, title 이라는 속성을 줬을 때, 이름이 바뀌도록 해보자. 1. 함수에 파라미터값을 전달하도록 한다. + 그럼 props에는 어떤 내용이 있는가? + 그럼 props로 title 값을 출력하려면?! 정답 : props.title 그럼 저 값(props.title)을 Header 함수컴포넌트의 값으로 쓰면 되겠네!! 놉!! 표현식을 써줘야 해~~ 중괄호로 감싸주자~ 완료! + 재사용성이 장..

[React] - 15초만에 서버 배포하기 (ft.serve -s build)

목표 : 구축한 리액트 프로젝트를 외부에서도 볼 수 있도록 서버에 배포한다. 1. 프로젝트 build 파일 생성 - 프로젝트 디렉토리로 이동 후 아래 명령어 실행 $ npm run build 2. 서버 배포 - 아래 명령어 실행하여 배포 $ npx serve -s build

도커 실행 방법, 실행상태 확인

# Docker 서비스 시작 $ sudo systemctl start docker # Docker 실행 상태 확인 $ systemctl status docker

[Linux] - Docker 설치 방법 (Cli 환경)

Linux에 도커를 설치하고 실행시켜보자. # 도커 설치파일 다운로드 # 도커 설치파일 다운로드 $ curl -fsSL https://get.docker.com -o docker-install.sh # 도커 설치파일 실행 # 도커 설치파일 실행 $ sh ./docker-install.sh --dry-run # 결과 # 결과 # Executing docker install script, commit: c2de0811708b6d9015ed1a2c80f02c9b70c8ce7b apt-get update -qq >/dev/null DEBIAN_FRONTEND=noninteractive apt-get install -y -qq apt-transport-https ca-certificates curl >/dev/n..

.jar 파일 생성 및 실행방법

배포를 위한 .jar 파일 생성 방법부터 .jar 파일 실행 방법까지 알아보자. 1. .jar파일 생성 방법 - .jar파일을 생성하고자 하는 "프로젝트 우클릭" - "Run As" > "Run Configurations..." 클릭 - 아래 사진과 같은 메뉴창이 뜨면 >>> Gradle Task > New_configuration 메뉴에서 >>> 2번의 "Workspace..."를 선택해주고, >>> 3번의 Add 버튼을 눌러 Task가 추가되면 더블클릭하여 bootJar로 변경해준다. >>> Apply 누른 후 Run 2. .jar파일 실행 방법 위 1단계에서 빌드가 완료되었다면 .jar를 생성하였던 프로젝트 디렉토리에 build 폴더가 생성되고, 하위 폴더인 libs폴더로 들어가면 .jar파일이 생..

[전자정부 프레임워크] - "New Boot Template Project" 구축하는 방법 (프론트, 백)

개요 : 전자정부 프레임워크에서 "제공하는 가이드에 따라" 부트 템플릿 프로젝트를 구축하는데 있어 계속되는 fetch 오류와 CORS 정책오류로 인해 로그인 조차 못하고 삽질하는 시간이 길어져만 갔다. 저와 비슷한 경험을 하시는 다른 분들은 이 글을 통해 한번에!! 갈증 해소하시길 바랍니다. 개발환경: OS : Mac M2 Pro (윈도우도 동일하게 진행가능) Framework : eGovFramework 4.1 (이클립스) Jdk : openJdk 1.8 Boot Template Project : 4.1 (backend) / 4.1 (frontend) 종합시연영상(참고용) 구축방법: 1. 아래 깃 주소로 들어가 체크해둔 두 항목을 선택한다. https://github.com/egovframework e..

Git Book VS Dooray

- Git book(깃북) Dooray Wiki 위젯 api 문서에 특화된 앱이다 보니 위젯이 좀 더 다양함. 인용구, 사진첨부+리사이즈, 텍스트관련 기본적인 필요한 기능은 다 있음. 타 사이트 url 적용가능 타 사이트 url 적용가능 메뉴 별 이동링크 적용 가능 메뉴 별 이동링크 적용 불가능 공유하기 pdf (유료버전 구매시 가능) (무료버전)각 페이지 별 인쇄해야함. 각 페이지 별 인쇄해야함. web 웹사이트 배포 가능(도메인 수정 가능) 웹사이트 배포 가능(도메인 수정 불가) Auto Save 자동저장 기능 활성화. merge를 통해 버전 로그 남길 수 있음. 이전 버전으로 복원 가능.(로그가 있을 시) 프로젝트 멤버가 문서를 함께 작성하는 경우 변경될 때마다 버전 별로 자동 저장. 누가 어떤 작..

[Mac] jdk 환경변수 설정

java -version 을 통해 21 버전이 출력되던 걸 jdk 1.8.0 버전으로 변경해보자. https://dys-r.tistory.com/401 로컬에 설치된 jdk 전체확인하는 명령어 /usr/libexec/java_home -V\n dys-r.tistory.com 우선 위 글을 통해 설치되어 있는지부터 확인한다. 설치가 되어있는 것까지 확인했다면 변경해보자. > nano ~/.bash_profile (편집기 실행 후 아래 구문 입력) export JAVA_HOME=(설치 된 jdk 경로) ex) export JAVA_HOME=/Library/Java/JavaVirtualMachines/temurin-8.jdk/Contents/Home 입력이 완료되었다면 Ctrl + X -> Y -> 엔터 로 ..

로컬에 설치된 jdk 전체 확인하는 방법

/usr/libexec/java_home -V\n