728x90

전체 글 95

[typescript] 기본 타입

목차 1. String 2. Number 3. Boolean 4. Object 5. Array 6. Tuple 7. Enum 8. Any 9. Void 10. Never 1. String let str: string = 'hi'; 2. Number let num: number = 10; 3. Boolean let isLoggedIn: boolean: false; 4. Object 5. Array let arr: number[] = [1, 2, 3]; let arr: Array = [1, 2, 3]; // 제네릭 사용 6. Tuple : 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식 let arr: [string, number] = ['hi', 10]; 7. Enum : 특정 값(상수)..

Frontend/Typescript 2022.03.12

[Git] gitmoji 정리

공식 사이트: https://gitmoji.dev/ gitmoji란? An emoji guide for your commit messages emoji code description 🎨 :art: 코드의 구조/포맷 개선 ⚡️ :zap: 성능 개선 🔥 :fire: 코드/파일 제거 🐛 :bug: 버그 수정 🚑️ :ambulance: 긴급 수정 ✨ :sparkles: 새로운 기능 📝 :memo: 문서 추가/업데이트 💄 :lipstick: UI, style files 추가/업데이트 🎉 :tada: 프로젝트 시작 ✅ :white_check_mark: 테스트 추가/수정/패스 🔒️ :lock: 보안 이슈 수정 🔐 :closed_lock_with_key: 암호 추가/수정 🔖 :bookmark: 릴리즈/버전 태그 🚨 :..

etc 2022.03.12

[React] JSX

출처: 📖 리액트를 다루는 기술 1. JSX란? 자바스크립트의 확장문법. JSX 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됨. function App() { return ( Hello react ); } function App() { return React.createElement("div", null, "Hello ", React.createElement("b", null, "react")); } JSX도 자바스크립트라고 할 수 있을까? 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법이 아님. 2. JSX의 장점 보기 쉽고 익숙하다 더욱 높은 활용도 3. JSX 문법 1. 감싸인 요소 컴포넌트에 여러 요소가 있다..

Frontend/React 2022.03.12

[Docker] 도커를 통한 3-tier 구조 구축

1. DB: MariaDB (PORT 3306) [Docker] 도커에 MariaDB 설치하기 docker pull mariadb mariadb 이미지를 내려받는다. docker images mariadb 이미지가 잘 받아졌는지 확인한다. docker run -p 3306:3306 --name mariadb -e MARIADB_ROOT_PASSWORD={비밀번호} -d mariadb -p 3306.. da2uns2.tistory.com [MariaDB] MariaDB 시작하기 - 테이블 만들고 조회하기 환경은 Docker 입니다. (+ 명령 프롬프트) docker exec -it mariadb /bin/bash mariadb 컨테이너 실행하기 mysql -u root -p db 접속하기 show data..

Infra/Docker 2021.12.02

[Docker] 도커 컨테이너 외부 통신: host.docker.internal

도커 컨테이너에서 localhost를 실행하면 컨테이너 내의 localhost이므로 PC의 localhost(127.0.0.1)와는 다르다. 그럼 PC의 localhost와 통신하기 위해선 어떻게 해야할까? host.docker.internal을 이용하면 된다. PC localhost에 8080번 포트를 통해 웹 서버를 띄워놓고 확인을 해보겠다. apt-get update apt-get install curl 도커 컨테이너에서 통신 확인을 위해 curl을 설치한다. curl localhost:8080 curl: (7) Failed to connect to localhost port 8080: Connection refused 도커 네트워크 내에서는 8080번 포트를 이용하지 않으므로 당연히 연결이 거부된..

Infra/Docker 2021.12.01

[Docker] 도커 컨테이너 ssh 설정 (1. 일반 이미지, 2. Linux 이미지)

두 가지 방법에 대해 다루겠다. 1. 일반 이미지 사용 시 2. 리눅스 이미지 사용 시 (CentOS, Ubuntu 등) 1. 일반 이미지 사용 시 apt-get update apt-get install net-tools vim openssh-server apt-get을 사용하기 위해선 먼저 update를 해줘야 한다. net-tools: 네트워크 관련 vim: 에디터 openssh-server: ssh 관련 vi /etc/ssh/sshd_config PermitRootLogin을 찾아 주석을 해제하고 yes로 변경한다. service ssh start ssh 시작 netstat -ntl Active Internet connections (only servers) Proto Recv-Q Send-Q Lo..

Infra/Docker 2021.12.01

[Jenkins] 젠킨스 빌드 및 배포 자동화

[Jenkins] Docker 환경에서 git 배포 (springboot - jar) ※ 깃허브를 이용하지 않고, 도커에 만들어둔 깃 서버로부터 배포 자동화할 것이다. 1. 깃 서버 컨테이너 구축 [Docker] CentOS 깃 서버(Git Server) 컨테이너 구축하기 다른 컨테이너의 작업물을 깃 서 da2uns2.tistory.com 첫 배포 후, 변동이 있을 시 빌드 및 배포를 자동화시키는 것에 대해 알아보겠다. 구성을 누른다. 빌드 유발에서 Poll SCM 체크 후, Schedule에 H/2 * * * * 라고 작성한다. H/2 * * * *: 2분 간격으로 git 수정 여부를 확인하고, 수정사항이 있다면 빌드를 실행한다. ex) 10분 간격으로 빌드 작업을 수행 H/10 * * * * 모든 시..

Infra/Jenkins 2021.11.30

[Jenkins] Docker 환경에서 git 배포 (springboot - jar)

※ 깃허브를 이용하지 않고, 도커에 만들어둔 깃 서버로부터 배포 자동화할 것이다. 1. 깃 서버 컨테이너 구축 [Docker] CentOS 깃 서버(Git Server) 컨테이너 구축하기 다른 컨테이너의 작업물을 깃 서버 컨테이너에 올릴 수 있도록 할 것이다 [CentOS] Linux Git Server 구축하기 목차 1. Git 설치 2. 저장소 생성 3. 계정 생성 4. git 서버로 키 등록 5. 테스트 1. Git 설치 yum i. da2uns2.tistory.com 2. 젠킨스 컨테이너 구축 docker run -d --privileged -p 8091:8080 -u root --name myjenk jenkins/jenkins:lts jenkins/jenkins:lts 이미지를 통해 쉽게 구축..

Infra/Jenkins 2021.11.30

[Docker] CentOS 깃 서버(Git Server) 컨테이너 구축하기

다른 컨테이너의 작업물을 깃 서버 컨테이너에 올릴 수 있도록 할 것이다 [CentOS] Linux Git Server 구축하기 목차 1. Git 설치 2. 저장소 생성 3. 계정 생성 4. git 서버로 키 등록 5. 테스트 1. Git 설치 yum install git root 계정으로 로그인한 후, yum install git을 입력하면 설치가 시작된다. 중간중간 Is this ok [y.. da2uns2.tistory.com 다음 글을 참고해 깃 서버를 구축할 것이다. docker run --privileged -d --name mycent7 centos:7 init centos 환경에서 깃 서버를 구축하기 위해 먼저 centos 이미지를 통해 컨테이너를 생성한다. docker exec -it my..

Infra/Docker 2021.11.22

[Docker] Apache - Tomcat(SpringBoot) 연동하기 (mod_jk)

Web Server와 WAS(Web Application Server)의 분리를 위해, Web Server인 Apache와 WAS인 Tomcat을 연동하는 방법에 대해 알아보도록 하겠다. Web Server vs WAS 먼저, Web Server와 WAS의 차이에 대해서 알아보자. 웹 서버는 정적인 컨텐츠(html, css, js)를 제공하는 서버이다. ex) Apache, Nginx WAS는 DB 조회나, 어떤 로직을 처리해야 하는 동적인 컨텐츠를 제공하는 서버이다. ex) Tomcas, Jeus 즉, 웹서버와 WAS의 차이는 어떤 타입의 컨텐츠를 제공하느냐의 차이이다. 웹서버와 WAS는 각각 독립적으로 존재할 수 있다. 대부분의 WAS는 정적인 컨텐츠를 제공해주고 있기 때문에, 웹 서버 없이 WAS만..

Infra/Docker 2021.11.19

[Docker] Apache Web Server 구축하기

docker pull httpd httpd 이미지를 다운받는다. httpd는 아파치 HTTP Server 공식 이미지이다. 실습을 위해 프로젝트 폴더를 생성한다. 파일 구성은 다음과 같다. Apache Web Server + Tomcat Web Application Server 다음과 같이 index.html 파일을 구성한다. FROM httpd COPY ./public-html/ /usr/local/apache2/htdocs Dockerfile을 다음과 같이 생성한다. docker build -t myapache . Terminal을 통해 Dockerfile 경로에서 다음과 같이 입력해 myapache 이미지를 만든다. docker run -d --name apache -p 8009:80 myapach..

Infra/Docker 2021.11.19
728x90