본문 바로가기

전체 글25

[Python]데이터 한글 깨짐 (feat. Mysql, Flask) 개요 입대 전까지 집중적으로 해야될 일이 많아서 과외를 좀 정리하게 되었다. 그 중 하나의 수업에는 고객님이 주신 질문에 대해서 답변을 드리려고 준비 중이었다. Remote access to db, web app deployment 등 여러 질문이 있었는데 my.cnf 파일을 못 찾아서 remote access를 시도하던 중에 막혀서 다른 문제들을 시작도 못했고, Mysql에서 데이터를 가져와 Flask로 출력할 때 한글이 깨지는 문제에 대한 답을 마지막을 찾고 끝나게 되었다. 이것도 결론적으로는 간단했지만 나름 시행 착오가 있어서 한 번 정리해보려 한다. 우선 문제의 발단은 이러했다. 고객님께서 Mysql, Python,Flask 사용법을 배워가신 후 web app을 만드셨다. 테스트를 하실 때 한글.. 2023. 7. 13.
[Python] Python 파일을 exe 파일로 전환하기 (feat. UPX) 개요 과외를 하다가 수강생 한 분께서 만든 프로그램을 어디서든 실행되게 하고 싶다고 하셨다. 이전까지는 그런 과정을 겪은 적이 따로 없었기에 구글링을 해봤다. os에 따라 그 방식이 다른 것 같았는데 수강생 분이 사용하시는 windows 에서는 pyinstaller 를 활용해 exe 파일을 생성하고 그 생성된 exe 파일을 별도의 프로그램(python, library 등)의 다운로드 없이 실행할 수 있다는 것이다. 물론 수강생 분께서 질문 해주셨으니 답변을 하기위해 알아본 것이지만, 뭔가 알아두면 나름 유용하게 많이 사용될 만한 정보 같아서 흥미를 느끼며 찾아봤었다. 오늘 적을 글의 핵심은 내가 exe 파일 생성을 시도하면서 겪은 어려움을 해결한 방법을 공유하는 것이다. 전환 방법 우선은 pyinstal.. 2023. 7. 12.
[개발공부] HTML/CSS 독학하기 (6) [FINAL] Column with flexbox 지금까지 우리가 본 basic layout 의 box 들은 서로의 위 아래에 위치하고 있었다. 그런데 많은 경우에 우리는 단순히 위 아래 stack 이 아닌 옆으로 나열된 column 을 보고 싶을 수 있다. 그럴 때 사용하는 것이 flex 이다. display: flex; 를 스타일에 추가함으로써 child boxes 를 column 형식으로 나열할 수 있다. 다음 HTML 코드를 보자. columns div 의 child 로 세 개의 column div 들이 있다. Default 값으로는 처음 column div 아래에 다른 column div 가 오는 방식으로 layout 이 생성될 것이다. 이를 column 형식으로 만드려면 다름과 같은 CSS 코드를 사용하면 .. 2023. 7. 11.
[개발공부] HTML/CSS 독학하기 (5) Basic layout Basic Layout 이라 함은 box 가 stack on another 인 상테를 말한다. 그저 박스가 쌓여있는 layout을 말하는데 지금까지 우리가 배운 것들을 활용하면 basic layout 의 webpage 를 만들 수 있다. 강의25에서도 실습을 한다. 크게 새로운 내용은 없고 몇가지만 추가해서 적겠다. Auto 만약 main 박스를 중간에 고정 시키고 싶을 때 어떻게 해야할까? 텍스트에 하던 것처럼 text-align: center; 같은게 있을까? 그렇지 않다. 박스를 위해선 margin 을 사용해야 한다. 결론부터 말하자면 다음 코드가 박스를 중간에 고정시켜줄 것이다. main { margin: 0 auto; } 위의 코드가 의미하는 바는 left, right m.. 2023. 7. 10.