IT, I Think

분류 전체보기 (575)

내 포트폴리오 사이트 만들어서 AWS에 올리기 2편. docker, nginx, uwsgi 사용하기

Study/python 마이쮸(mychew__) 2022. 5. 8. 19:03

유튜브 - 목차 2022.05.08 - [Study/python] - 내 포트폴리오 사이트 만들어서 AWS에 올리기 1편. Django, startbootstrap, AWS, EC2 2022.05.08 - [Study/python] - 내 포트폴리오 사이트 만들어서 AWS에 올리기 2편. docker, nginx, uwsgi 사용하기 지난 시간에 EC2위에 장고를 쌩으로 띄웠는데요, 이번 시간엔 docker와 nginx를 이용해서 보다 멋있게(?) 띄워보겠습니다. 이번엔 코딩보다는 devops영역이라고 할까? 설정을 만지는 부분이 많습니다. 시작해 볼까요? uwsgi, nginx docker 설정 사실 이 부분은 이미 제 블로그에 자세하게 적혀있습니다. 서버개발자가 되는법 [2] - 서버 개발환경 셋팅,..

내 포트폴리오 사이트 만들어서 AWS에 올리기 1편. Django, startbootstrap, AWS, EC2

Study/python 마이쮸(mychew__) 2022. 5. 8. 16:47

유튜브 - 목차 2022.05.08 - [Study/python] - 내 포트폴리오 사이트 만들어서 AWS에 올리기 1편. Django, startbootstrap, AWS, EC2 2022.05.08 - [Study/python] - 내 포트폴리오 사이트 만들어서 AWS에 올리기 2편. docker, nginx, uwsgi 사용하기 github : mychew-blog/popol: 내 포트폴리오 사이트 만들어서 AWS에 올리기 https://cholol.tistory.com/564 (github.com) 이번 시간에는 유료 혹은 무료로 제공되는 html, css, js 템플릿을 장고에 적용해서 AWS에 올려보는 내용을 다루겠습니다. 흔히 '템플릿'이라고 부르는데 뭐 쇼핑몰이나 블로그와 같이 형식이 일정..

DB에 json을 string으로 저장하고 사용하기, camel -> snake 변환

Study/스프링부트-코틀린 마이쮸(mychew__) 2022. 4. 27. 16:38

어찌어찌하여 DB 컬럼 하나를 string으로 선언하고 거기에 json 형태의 string을 넣은 다음 꺼내서 파싱 해서 쓰는 상황이 왔다. springboot + kotlin도 아직 익숙하지 않은데 희한한 요건이당 ㅋㅋㅋ 아무튼, 일단 mysql에 String형태로 json데이터를 넣어놨다. 자 이제 이게 string형태로 저장되어 있으니까 데이터를 꺼내고 json object로 읽어와서 사용하면 되겠지~ 했는데 구냥 json object로 읽지 않고 spring에서 data class로 만든 다음 바로 object로 읽어올 수 있다. jackson 라이브러리를 사용할 건데 방법은 심플하다. val mapper = jacksonObjectMapper() var accounts: List = mapper..

flutter + spring boot를 이용해 로그인 구현하기 #1 springboot kotlin JPA 회원가입, 로그인 API 만들기

Study/Flutter & Spring Boot 마이쮸(mychew__) 2022. 4. 13. 23:35

flutter와 spring boot를 이용해 간단하게 로그인 페이지를 만들어보도록 하겠습니다. 정말 단순한 기능의 로그인이기 때문에 암호화 토큰 이런거 없습니다 ㅋㅋㅋ flutter로 앱을 만들고 싶은데 서버가 있어야겠으니 서버를 spring boot로 사용할 예정입니다. 일단 spring boot에서 회원가입과 로그인을 위한 기능들을 만들고, flutter로 화면을 만들어봅시다. github : https://github.com/mychew-blog/LoginApp 스프링부트 프로젝트 세팅 프로젝트 디펜던시는 뭐가 필요할까 고민을 해봤는데 아래 정도면 되지 않을까요? Spring Data JPA Spring Boot DevTools MySQL Driver Spring Web 로그인과 관련된 oauth..

AWS EC2랑 집에 있는 맥미니 서버로 같이 사용하기

Study/서버 마이쮸(mychew__) 2022. 4. 3. 00:50

현재 AWS에서 EC2와 RDS를 사용해서 사이드 프로젝트 앱 서버를 운영 중인데 돈이 한 달에 15만 원 정도 나온다 ㅎㅎ RDS가 한 7만 원 나오고 EC2가 한 7만 원 나오고 기타 세금이 만원인데 서버도 고급 서버도 아니고 후진 서버인데 돈이 너무 많이 나가고 있다 ㅠㅠ 개빡.. 사용자가 점점 늘어나고 추가 기능들을 넣고 싶은데 서버가 느려서 못하고 있는 상황.. 그렇다고 서버를 늘리면 돈이 너무 많이 나가서 집에 있는 맥미니를 서버로 사용할 수 있으려나 생각해봄.. 일단 지금 구조가 아래와 같은 구조인데 ROUTE53으로 들어오면 ALB가 EC2에 로드밸런싱을 해주는데 사실 로드밸런싱의 의미가 없긴 하다. ALB의 역할은 SSL 터미네이터 역할 ㅎㅎ 그리고 EC2가 지금 t3a.medium 한대..

django, template을 이용한 웹페이지 만들다가 403 뜰 때, csrf_token 추가하기

Study/python 마이쮸(mychew__) 2022. 3. 26. 16:15

403은 보통 권한이 없을 때 나오는 에러이지만, csrf 때문에 발생하는 경우도 생긴다. 장고와 템플릿을 이용해 웹 페이지를 만들 때 로컬에서 403이 뜨면 아마도 csrf 때문일 것이다. 보통 따른 인증을 안 만드니까 ㅎㅎ 만약 oauth 2.0이나 기타 인증을 넣었다면 그쪽에서 에러가 날 수도 있다. 이 에러를 막기 위해서는 템플릿에서 api를 호출할 때 csrf_token값을 넘겨줘야 하는데, 일단 이 csrf_token을 사용하기 위해서는 미들웨어에 추가해야 한다. # settings.py MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddlewar..

UI/UX light-mode, dark-mode를 넘어선 Gen-z 모드ㅋㅋㅋㅋ

Study/IT 실전 지식 마이쮸(mychew__) 2022. 3. 17. 11:10

예전에는 UI/UX에 테마가 없다가, 어느순간부터 다크모드가 생긴 뒤 다크모드에 열광하면서 거의 모든 UI/UX에 다크모드를 적용해서 사용하고 있습니다. 개발자라면 역시 다크모드 아닙니까? ㅋㅋㅋ 아마 다크모드에 시작은 이클립스의 dracula 테마의 등장이 아닐까 싶은데,, 맨날 흰 바탕에서만 쓰다가 검은바탕에 형광색 글자를 쓰려니 아주 기부니가 좋았당 ㅋㅋㅋ 그런데 MZ세대가 열풍이더니 심플한 디자인이 더이상 대세가 아닌게 되는것 같습니다. 이제 심플하고 간결한 디자인은 old 세대의 유물인것 같다는.... 그래서 새로운 UI테마가 등장하는데 바로 Gen-z 모드입니다 ㅋㅋㅋㅋㅋ 해외 비디오 데이팅 앱인 Filteroff가 새로운 Gen-z모드를 시범으로 내세웠는데... 바로 이런 느낌 ㅋㅋㅋㅋㅋㅋㅋ..

CI에서 db 속도 향상. mysql tmpfs 사용하기

Study/IT 실전 지식 마이쮸(mychew__) 2022. 3. 11. 13:38

github action을 이용해 CI를 구성하던 중 db 이미지가 너무 늦게 떠서 테스트가 지연되는 문제점을 발견했다. workflow를 간략하게 살펴보면 name: CI on: push jobs: build: name: Build + Test runs-on: ubuntu services: mysql: ... redis: ... rabbitmq: ... steps: - name: Setup Environments run: | ... - name: Install dependencies run: | ... - name: Migrate Database run: | ... - name: Migrate Database retry run: | ... - name: Run Test run: | ... - name:..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #6

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2022. 3. 2. 22:16

목차 - 2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 github - https://github.com/tkdlek11112/jinstagram 로그인/회원가입 만들기 이제 드디어 회원정보를 만들시기가 왔습니다. 어느 서비스에나 로그인과 회원가입은 필수죠. 최근에는 SNS 로그인으로 편하게 로그인을 할 수 있는데, 사용자에게는 편하지만 서버 쪽에서는 처리해줘야 하는 게 생각보다 많습니다 ㅋㅋ 여기서는 SNS 로그인은 사용하지 않고 단순하게 아이디와 비밀번호를 사용해서 회원가입과 로그인을 하도록 만들어보겠습니다. 아이디와 비밀번호만 받는 것이 단순하긴 단순한데 실제 서비스에 적용하기 위해서는 또 암호화 모듈이 필..

조금 늦은, 개발자 2021년 회고

Blog/IT, I Think 마이쮸(mychew__) 2022. 2. 28. 23:35

2021년은 정말 빨리 지나간 것 같습니다. 다른 해보다 정신없이 지나갔기 때문에 한 게 별로 없다고 생각했는데, 정리해보니까 또 이것저것 많이 했네요 ㅎㅎ 하나씩 정리해보았습니다. 한이음 멘토링 5년째 멘토로 참여 중인 한이음 멘토링 프로그램입니다. 대학생들과 프로젝트 주제를 정하고 1년 동안 진행하는 과정인데, 올해는 어떤 주제에 프로젝트를 할까 고민하다가, 올 초에 증권 개발자 채용이 너무 안 돼서 "왜 그럴까?" 고민을 했었는데, 아무래도 증권 개발 영역이 폐쇄된 영역이다 보니 주니어들이 시작하기에 장벽이 있다고 생각했습니다. 그래서 프로젝트 주제를 주식 트레이딩 앱(MTS) 만들기로 잡고 멘티들을 모집했습니다. 동학 개미 운동 때문인지 약 150명 정도의 멘티가 신청해서 깜짝 놀랐는데요. 보통 ..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #5

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 10. 16. 16:28

목차 - 2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 github - https://github.com/tkdlek11112/jinstagram/tree/jinstagram-%235 이미지 업로드 완료 시 화면 변환 인스타그램을 보면 이미지를 업로드하는 순간 이미지 옆에 글을 쓸 수 있는 화면으로 변경됩니다. 사용할 때는 몰랐는데 만들려고 하니까 아주 고오오오급 기능이었네요 ㅋㅋ 어떻게 만들어볼지 고민을 해보면.. 모달 창을 두개를 만들어놓고 첫 번째 모달은 이미지를 드래그해서 업로드, 두 번째 모달은 업로드된 이미지가 보이고 글을 쓸 수 있는 input창이 추가된 화면. 사용자가 업로드 버튼을 누르면 첫 번째..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #4

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 18. 02:29

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 피드 업로드를 위한 모달 만들기 이번 포스팅에서는 피드를 업로드하는 화면을 만들어보겠습니다. 실제 인스타그램을 실행시켜서 어떻게 피드를 생성하는지 흐름을 한번 살펴봅니다. PC에서 피드 생성을 누르면 일단 스크린샷부터 올리네요. 상당히 깔끔한 UI/UX입니다. 예전 게시판 같은 경우 막 사진 올리고 글 쓰고 한 화면에서 다하게 만들었는데, 인스타그램은 사진 딱 올리면 그 이후에 글 쓰게 나오고 사용자한테 뭘 해야 하는지 정확하게 알려주죠. 이게 아마 UX 쪽에서는 one screen one thing 이였나? 그럴 겁니다. 한 화면에서 사용자가 할 수 있는 행동을 하..

서버개발자가 되는법 - #12 API 공유를 위해 Swagger(스웨거) 사용하기. Django에서 Swagger 사용하기

Course/서버개발자가 되는법 마이쮸(mychew__) 2021. 9. 15. 23:39

목차 - 2020/09/29 - [Study/서버] - 서버개발자가 되는법 - 목차 유튜브 - git - tkdlek11112/server_dev at 서버개발자_12 (github.com) 들어가기 전에 이번 포스팅에서는 Swagger(스웨거)를 통해 우리가 만든 Rest API를 공유하는 방법을 배워보겠습니다. 개발을 하면서 개발보다는 문서작업을 많이 하는 단계가 있는데, 처음에 클라이언트와 Interface를 협의할 때가 바로 그때입니다. 우리는 To-Do 앱을 만들어보면서 Input과 Output을 정의하는 과정을 체험해봤습니다. 그때는 그냥 제가 화면에 Input을 명시해주고 여러분이 서버 쪽 API를 만드는 방식으로 진행되었죠. 하지만 보통은 서버쪽에서 리드를 하게 됩니다. 서버 개발자들이 만..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 15. 00:39

목차 2021.08.24 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #0 2021.08.29 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #1 2021.09.01 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #2 2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #3 2021.09.18 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #4 2021...

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #3

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 15. 00:31

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 피드 목록에 백엔드 소스 추가하기 지난 포스팅에서 피드 업로드를 만들어보자~! 하고 끝났는데, 고민해보니 피드 업로드보다는 피드 목록에 대한 백엔드 소스를 추가하는 게 좋을 것 같습니다. 우리가 만든 Jinstagram은 지금 html에서 피드를 생성해서 보여주고 있습니다. 즉, 서버 없이 클라이언트(프론트)에서 알아서 데이터를 생성해서 피드 리스트를 만들고 있죠. 이걸 백엔드 쪽에서 피드 데이터를 내려주도록 바꿔보도록 하겠습니다. MTV (모델 템플릿 뷰) Django는 MTV 구조로 되어있습니다. MTV란 모델, 템플릿, 뷰 3가지를 합쳐서 부르는 말인데요, 우리..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #2

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 9. 1. 16:26

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 바디 영역 만들기 지난 포스팅에 이어 이제 가운데 영역을 좀 꾸며보겠습니다. 일단 인스타그램을 보면 왼쪽에 사진이 나오고 오른쪽에는 추천 친구가 나오네요. 그럼 먼저 왼쪽과 오른쪽으로 화면을 나눠보겠습니다. home send add_box explore favorite_border 왼쪽화면 오른쪽화면 div로 화면을 분할한다고 했습니다. 큰 div를 놓고 그 안에 div를 두 개를 넣으면 화면에 두개로 분리되겠죠? 우리의 생각과 달리 좌우가 아니라 상하로 분리되었네요. 사실 코드를 안보면 분리된 건지도 모릅니다 ㅋㅋ 일단 div가 어디까지 영역을 차지하고 있는지 알기..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #1

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 8. 29. 21:12

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 유튜브 - ** 해당 글은 유튜브 강의를 글로 풀어서 쓴 포스팅입니다. Django 새 프로젝트 만들기 시작은 역시 새 프로젝트 만들기죠~! 저는 Pycharm이라는 IDE를 사용해서 개발을 진행할 예정입니다. 커뮤니티 버전은 무료니까 여러분들도 사용할 수 있습니다. 프로버전이 좋긴 한데 유료입니다. 대학생이시면 학교 Email을 사용해 프로버전을 무료로 사용할 수 있습니다~! 한 달은 공짜니까 이번에만 사용하는 것도 방법이에요~ 파이참 프로버전의 좋은 점은 장고 프로젝트를 바로 생성할 수 있다는 점입니다. 커뮤니티 버전은 시작 프로젝트를 장고로 설정할 수 없습니다...

[Flutter] Retrofit 적용해서 api 호출하기

Study/FrontEnd 마이쮸(mychew__) 2021. 8. 26. 18:21

안드로이드를 개발해본 사람이라면 Retrofit이 친숙할 겁니다. 초창기 restapi를 호출하기 위해 삽질하다가 이제 거의 모든 restapi호출이 retrofit을 사용하는 것으로 통일되고 있는 추세인데요 ㅋㅋ flutter에서 restapi를 어떻게 처리할까 찾아보다가 retrofit for dart가 있어서 해보려고 합니다 ㅋㅋ 역시 쓰던거 하는 게 편하니까~ 일단 필요한 패키지를 설치합니다. dependencies: retrofit: any logger: any #for logging purpose dev_dependencies: retrofit_generator: any build_runner: any flutter pub get을 이용해 설치합시다~ 이제 바로 api를 호출하는 코드를 만들어..

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #0

Course/django : 제로부터 시작하는 인스타그램 마이쮸(mychew__) 2021. 8. 24. 00:27

2021.09.15 - [Study/python] - Django:제로부터 시작하는 인스타그램 만들기 - clone instagram 목차 시작하기 전에 클론 코딩이라는 것을 처음 접한 건 스타트업에서 신입 개발자를 뽑기 위해 면접관으로 들어갔을 때부터였던 것 같습니다. 이력서에 다들 이렇게 적어놓았더군요. - 인스타그램 클론 프로젝트 - 유튜브 클론 프로젝트 - 페이스북 클론 프로젝트 회사에서 열심히 코딩하던 사이, 대학생들과 취준생들 사이에서는 클론 코딩이 유행이 되어있었습니다. 클론 코딩이란 이미 상용화되어있는 서비스를 그대로 따라 만들어보면서 코딩 공부를 하는 것처럼 보입니다(?) 최근에 유튜브나 블로그를 보면 이런 글들이 너무 많습니다. "30분만에 인스타 클론 하기" "5분 만에 블로그 클론 ..

Pycharm community 버전에서 django 프로젝트 생성

Study/python 마이쮸(mychew__) 2021. 8. 10. 16:06

Pycharm Pro 버전을 사용하고 있지만, 가끔 community를 사용해야 할 때가 있습니다. 강의를 만들거나 다른사람들에게 알려줄 때는 상대가 Pro 버전이 아닌 것을 감안하여 무료인 community버전을 사용하는데, django 프로젝트를 만들 때 약간의 차이점이 있습니다. 일단 Pro버전의 경우 새 프로젝트를 만들 때 바로 django 프로젝트를 만들 수 있습니다. Pro 버전일 경우 왼쪽에 어떤 프레임워크로 프로젝트를 만들지 선택할 수 있습니다. Django나 Flask, React도 있네요 ㅋㅋ 그런데 무료인 Community 버전에서 하면.... 선택할 수 있는 게 없습니다. Pro 버전으로 치면 Pure Python 프로젝트를 만들게 됩니다. ㅠㅠ 자본주의 일단 프로젝트를 만들어봅시다..

Copyright © IT, I Think All Rights Reserved
Designed by JB FACTORY

티스토리툴바