전체 글

👻 Review/인강 후기

Udemy Docker & Kubernetes: 실전 가이드 후기

1. 수강목적 프로젝트에서 Kubernetes 환경 구성을 할 일이 생겨서 인강을 알아보던 중 유데미의 강의가 있어서 듣게 되었다. 인스타그램에서 스타트위드유데미라는 이벤트를 진행해서 강의를 지원받아서 듣게 되었다. 2. 결과물 notion에 배운 내용을 정리하고 있다. 3. 배운점 / 잘한점 도커와 쿠버네티스 개념과 환경구성에 대해 더욱 잘 알게 되는 기회가 되었다. 구글링을 통해서 쓸때마다 명령어를 구성하는 것이 아니라 노션에 정리된 내용을 보면서 사용해볼 수 있을 것이다. 또한, 체계적으로 배워보아서 좋았다. 4. 좋았던 점 / 아쉬운 점 영어로 진행진행되는 강의이지만 크게 어렵지 않았고 한글 자막 또한 제공되어서 이해하기 쉬웠다. 5. 향후 목표 및 소감 현재 강의를 프로젝트 팀원들과 함께 수강하..

👻 Review/인강 후기

Docker & Kubernetes: 실전 가이드 Docker 정리

섹션1: 시작하기 - Docker : 컨테이너를 생성하고 관리하기 위한 도구 - 도커와 컨테이너 - 설치와 시작 - Dockerfile 구성 섹션2: Docker 이미지 & 컨테이너: 코어 빌딩 블록 - Images vs Containers - Docker Image - 명령어로 관리하기 - 컨테이너에 연결하기 - 이미지, 컨테이너 삭제하기 - 중지된 컨테이너 자동 제거하기 - 이미지 검사하기 - 컨테이너 -> 컨테이너로 파일 복사하기 - 컨테이너와 이미지에 이름과 태그 지정하기 - DockerHub 섹션3: 데이터 관리 및 볼륨으로 작업하기 - 데이터의 종류 - 이미지, 컨테이너 Layer - 데모앱 실습 - 볼륨 - 바인드 마운트 - Docker 볼륨 관리하기 섹션4: 네트워킹: (교차)컨테이너 통신..

👩‍💻 Programming/Frontend

HTML & CSS

HTML Hypertext Markup Language(하이퍼텍스트 마크업 언어)의 줄임말로, 웹페이지의 기본적인 형태를 만드는 정적 언어이다. CSS HTML 구성요소들이 표시되는 방법을 개선하는 데 주로 사용되는 스타일 시트(style sheet) 언어이다. CSS는 정적인(static) 프로그래밍 언어이기는 하지만, 웹사이트를 시각적인 표현을 담당한다. Javascript 브라우저 자체에서 내장된 해석기능을 이용한 클라이언트 기반의 일종의 스크립트 언어이며, 웹의 동적 처리를 담당한다. HTML 개념 웹페이지의 기본적인 형태를 만드는 코드이다. 예시: 글자, 버튼 html은 쉽고 직관적이기 때문에 쉽게 배울 수 있다. !+Tab을 누르면 기본적인 html 코드가 생성된다. 괄호 안에 적힌 영어 단어..

👩‍💻 Programming/Database

datagrip 한글 적용

https://solbel.tistory.com/1062 [sql/mysql] utf8 를 utf8mb4로 변환하기 [sql/mysql] utf8 를 utf8mb4로 변환하기 이모티콘때문에 db insert 에서 오류가 나는 부분을 확인하고 검색하여 알게 된 내용입니다! 아래 alter만 퍼온거예요! 출처는 맨 아래 있으니 꼭 들어가서 참고 solbel.tistory.com https://medium.com/oldbeedev/mysql-utf8mb4-character-set-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-da7624958624 [MariaDB] Setting utf8mb4 Character Set 사실 이 모든 문제의 시작은 HeidiSQL 때문이었습니다. my.ini..

👩‍💻 Programming/Frontend

[React] axios 활용

Axios? axios는 js 기반의 환경에서 http 통신을 수행할때 사용하는 모듈로 많은 사람들이 사용 중으로 알고있다. 해당 모듈을 별도의 설정없이도 사용이 가능하지만, 프로젝트 진행시에는 공통된 옵션을 기본설정하여 사용할 수 있다. 여기서는 axios의 기본 사용법보다는 프로젝트에서 사용할때 도움이 될 만한 내용을 정리하며, 기본 내용 및 관련한 내용들은 모두 공식문서를 참조하였습니다. Axios를 async/await 를 이용하여 사용하는 방법 axios를 이용하여 API호출을 하는 경우 바로 응답이 오지 않기에 일반적으로 비동기 방식을 사용한다. axios 문서에서도 기본적으로 소개하는 사용방식은 Promise-then 방식의 비동기 호출방식을 소개하고 있다. 다만 then 방식의 경우도 ap..

👩‍💻 Programming/Backend

[Node.js] Nodemon, PM2를 이용한 수정 사항 자동 반영 서버

https://blog.outsider.ne.kr/649 node.js 소스 수정시 자동으로 서버를 재시작 해주는 nodemon :: Outsider's Dev Story node.js를 이용해서 웹애플리케이션을 개발할 때 다른 플랫폼이랑 동일하게 view파일같은 경우는 수정한게 자동으로 반영되지만 node.js의 JavaScript파일들은 수정을 하여도 반영이 되지 않기 때문에 blog.outsider.ne.kr http://jynote.net/entry/NODEJS-%EC%86%8C%EC%8A%A4%EC%BD%94%EB%93%9C-%EC%88%98%EC%A0%95%EC%8B%9C-%EC%9E%90%EB%8F%99%EC%9C%BC%EB%A1%9C-%EC%9E%AC%EC%8B%9C%EC%9E%91-%ED..

👩‍💻 Programming/Backend

[Flask] nohup bacground 실행하기

Flask 백그라운드 실행 $ nohup python -u application.py & -u : 터미널에서 웹 서버 실행 결과를 실시간으로 보고자 할 경우 사용한다.(아래 nohup.out 설명 참조) & : 프로그램을 백그라운드로 실행시켜줍니다. 단, nohup을 사용하지 않으면 터미널 종료 시 프로그램도 함께 종료된다. Flask 로그 확인 nohup을 이용해 백그라운드로 Flask App을 실행하면, nohup.out이라는 로그 파일이 생성된다. 다음과 같이 로그를 확인할 수 있다. $ tail -f nohup.out 백그라운드로 실행되고 있는 Flask App 종료 $ lsof -i :5000 설정해둔 포트(ex.Flask 기본 포트:5000)를 조회한 후 프로세스를 종료할 수 있다. $ lso..

나리 집사
클라우드 개발 일지