안녕하세요 펭귄 교수입니다. 이번에는 Docker를 이용하여 React, Flask, MySQL을 이용해서 웹 서비스 개발에 전체적인 플로우를 소개하고자 합니다. 제가 개인적으로 만들어본 프로젝트에서 다음과 같이 환경 설정하고 진행한 것에 대한 포스팅입니다.파이썬 코드 설명이나 리액트 설명, SQL문에 대한 설명은 없습니다. 정답은 아니니 편하신 다른 방법이 있을 경우 해당 방법을 사용하시면 되겠습니다. 1. 개발 환경OS : Linux Ubuntu 22.04.4 ( Oracle Virtual Box )Docker Version : Docker 27.2.1Node Version : v20.17.0NPM Version : 10.8.3Python Version : 3.101-1. 디렉토리 구조 루트 디렉토리..
안녕하세요 펭귄교수입니다. 이번 포스팅에서는 각 운영체제(Windows, macOS, Linux)에 도커를 설치하는 방법을 다룹니다.도커 설치 후, 기본 설정을 통해 도커가 제대로 작동하는지 확인하는 방법도 함께 알아보겠습니다. 1. Windows에 도커 설치하기Windows에서 도커를 설치하려면, Docker Desktop을 사용합니다. Docker Desktop은 간편하게 도커 컨테이너를 실행하고 관리할 수 있는 도구입니다.설치 방법도커 공식 홈페이지에서 Docker Desktop 설치 파일을 다운로드합니다.설치 파일을 실행하고 안내에 따라 설치합니다.설치 후 Docker Desktop을 실행하고, 작업 표시줄에 도커 아이콘이 나타나면 정상적으로 설치된 것입니다.# 도커가 설치되었는지 확인하는 명령어..
안녕하세요 펭귄 교수입니다. 이번에 Docker로 회사 구내식당 메뉴 페이지를 만들다가 만난 에러에 관해 분석하고, 해결 방법에 관해 글 써보겠습니다. 에러 분석pymysql.err.DataError: (1366, "Incorrect string value: '\\xED\\x83\\x84\\xED\\x83\\x84...' for column 'lunch_1_menu' at row 1") Front (nginx) 에서 Back (Flask) 으로 메뉴를 등록하기 위해 HTTP POST 방식으로 데이터를 전송,Back (Flask)는 DB(mysql)에 INSERT 하는 과정에서 해당 에러가 발생하였습니다. Back에서 로그를 찍었을 때는 정상적으로 한글이 입력되지만, DB로 INSERT 할 때는 한글이 유..
안녕하세요 펭귄 교수입니다. 그렇게 시작하게 된 도커 강의, 1편도커란 무엇인가.포스팅 진행해보도록 하겠습니다.도커란 무엇인가?도커(Docker)는 애플리케이션을 컨테이너라는 가벼운 환경에서 실행할 수 있게 도와주는 플랫폼입니다. 도커를 사용하면 애플리케이션을 다양한 환경에서 일관되게 배포하고 관리할 수 있습니다. 먼저, 도커의 기본 개념과 도커가 왜 중요한지 살펴보겠습니다.도커의 핵심 개념도커는 컨테이너라는 기술을 사용해 애플리케이션과 그 환경을 독립적으로 실행합니다. 컨테이너는 가상머신(VM)처럼 보일 수 있지만, 훨씬 가볍고 빠릅니다. 아래는 도커의 주요 특징들입니다.1. 경량화된 환경도커 컨테이너는 가상머신에 비해 가볍습니다. VM은 각기 다른 운영체제(OS)를 포함해야 하지만, 도커 컨테이너는 ..
안녕하세요 펭귄 교수입니다. 이번에 제가 새로 공부하는 컨텐츠가 있어 공부하면서 해당 내용을 기록하고, 같이 공부하는 개념으로블로그에 포스팅을 진행하고자 합니다. 30개의 포스팅으로 진행될 예정이며, 공부하면서 더 알아보면 좋을 것을 추가하면서 진행해보도록 하겠습니다. 강의가 진행될 때마다 아래 강의 목록에 링크를 추가해놓겠습니다. 환경 설정개발 환경은 Linux, Ubuntu 20.04 기준으로 진행됩니다.윈도우 데스크탑에서 Virtual Box를 사용해 해당 환경을 조성합니다.강의 목록1. 도커란 무엇인가?컨테이너와 가상머신 비교, 도커의 개요 [Docker 강의 1편] 도커란 무엇인가안녕하세요 펭귄 교수입니다. 그렇게 시작하게 된 도커 강의, 1편도커란 무엇인가.포스팅 진행해보도록 하겠습니다.도커란..
안녕하세요 펭귄 교수입니다.이번에는 리눅스 명령어 중 find 명령어에 관해 이야기를 해보고자 합니다. 리눅스 find 명령어는 파일 시스템에서 파일이나 디렉토리를 검색하는 매우 강력한 도구입니다.다양한 옵션을 통해 특정 조건에 맞는 파일을 찾을 수 있으며, 크기, 이름, 수정 시간 등 다양한 필터를 지원합니다.이번 포스팅에서는 find 명령어의 기본 사용법과 주요 옵션들, 그리고 이를 활용한 예제를 소개하겠습니다.1. find 기본 사용법find 명령어는 다음과 같은 기본 구문을 따릅니다.find [검색할 디렉토리] [검색 조건] [실행할 동작] find는 지정된 디렉토리에서 조건에 맞는 파일이나 디렉토리를 찾고, 필요한 경우 해당 파일에 대해 명령을 실행할 수 있습니다.2. find 명령어의 주요 옵..
안녕하세요 펭귄교수입니다. 제가 리눅스 환경에서 자주 쓰는 커맨드들에 대해서 앞으로 종종 정리하는 글을 올릴 계획입니다.이후에는 단순히 하나의 명령어가 아닌, 다른 명령어와 같이 혼합해서 사용되는 경우에 대해서도 블로그를 작성하고자 합니다.많은 관심 바랍니다 리눅스의 grep 명령어는 파일이나 출력 결과에서 특정 문자열을 검색하는 데 자주 사용되는 강력한 도구입니다.다양한 옵션과 조합을 통해 효율적인 검색이 가능하며, 파일의 내용에서 원하는 패턴을 찾아주는 매우 유용한 명령어입니다.이번 포스팅에서는 grep의 기본 사용법과 주요 옵션들, 그리고 이를 활용한 예제를 소개하겠습니다.1. grep 기본 사용법grep의 기본 구문은 아래와 같습니다.grep [옵션] '찾고자 하는 문자열' [파일명] 이 명령어..
공부 노트 목표 부모 위젯 (Parent) 에서 자식 위젯 (Child)로 변수, 이벤트 등 파라미터 전달하고자 한다. 알고리즘 Parent { ... child: Child( param ), ... } Child { final type param; Child( require this.param, Key? key ) : super(key: key); } 전체 코드 class Parent extends StatelessWidget { ... child: Child( onTapEvent ), ... void onTapEvent() {...} } class Child extends StatelessWidget { final GestureTapCallback onTapEvent; Child( require th..
안녕하세요 펭귄 교수입니다.버그 발생최근에 티스토리에서 스킨 설계에 있어 업데이트가 된 것으로 보입니다.그 업데이트 중 하나로 보이는 것이 있었습니다.그것은 글 하단 프로필과 댓글 사이에 흰색 배경의 프로필 박스가 생긴 것 입니다.문제 분석html 코드를 뜯어서 분석한 결과티스토리 자체적인 치환자 중 댓글 치환자인 "s_rp"에서 자체적으로 생성중인 것으로 확인되었습니다.그리고 검색해본 결과 공식적으로 이에 대해 공개된 것은 없는 것으로 보였습니다.문제 해결이를 강제적으로 제거하기 위한 방법으로 제이쿼리를 사용해 해당 블럭 display 요소를 none 시켜버리기로 했습니다.방법은 다음과 같습니다.1. html 편집기로 이동한다.블로그 설정 페이지 좌측 사이드 바 중 꾸미기 > 스킨 편집에 들어갑니다.그..
최근에 크롬 확장 프로그램 공부를 하고 있습니다. 하던 도중 페이지에 대한 정보를 조금 더 편리하게 가져오기 위해 Jquery를 같이 사용하는 법을 공부했습니다. 1. Jquery 파일 다운로드 Jquery 공식 홈페이지를 통해 Jquery 파일을 다운로드 받습니다. https://jquery.com/download/ 2. Manifest.json 파일 수정 저 같은 경우, Jquery 파일을 thirdParty 폴더에 넣어 관리를 하고 있습니다. 해당 경로를 배열 형태로 Javascript 파일과 같이 작성해줍니다. { "background": { "service_worker": ["thirdParty/jquery.min.js", "background.js"], "type": "module" }, ....
