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
728x90