IT, I Think

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를 만드는 방식으로 진행되었죠. 하지만 보통은 서버쪽에서 리드를 하게 됩니다. 서버 개발자들이 만..

[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 프로젝트를 만들게 됩니다. ㅠㅠ 자본주의 일단 프로젝트를 만들어봅시다..

[Flutter] Flutter Bloc 디자인 패턴 적용해서 rest api 호출하기

Study/FrontEnd 마이쮸(mychew__) 2021. 8. 6. 18:33

안드로이드에서 mvc를 써보고, django에서 mvt를 써보고, Flutter를 하면서 비슷한 게 있지 않을까? 생각해서 검색했더니 bloc 패턴이랑 mvvm 패턴이 가장 많이 쓰이는 것 같았다. 그래서 bloc을 한번 적용해보려고 하는데 생각보다 까다롭고 길다. django에서는 대충 소스 하나씩 해서 3개면 끝나는데, bloc은 파일만 몇개를 만드는지... 암튼 medium이나 블로그 찾아서 따라 하는데도 버전이 틀리거나 오타가 있어서 안 되는 부분들이 많아 따로 정리해본다. 1. 사용할 http call 일단 rest api중에 단건 호출인지 다건호출인지가 생각보다 중요했다. 나는 json array형태로 들어오는 api를 처리하고 싶었는데 대부분의 예제는 단건조회만 처리하게 되어있어서, 찾고 찾..

왜 날짜(date type)를 DB에 저장할때 INT형으로 저장했을까?

Study/IT 실전 지식 마이쮸(mychew__) 2021. 8. 1. 04:14

처음 증권회사에 들어가서 DB에 있는 데이터를 봤을 때 신기했던 점이 있었다. 날짜와 시간이 INT형으로 되어있던 부분이다. DATE 필드는 20150909의 숫자형으로 저장되어있었고 시간 역시 153030으로 시, 분, 초의 값이 숫자형으로 되어있었다. 그래서 오전 9시를 저장하면 90000이 돼서 5자리고 오후가 넘어가면 120000이 되어 6자리가 되는 보기에 이상한 데이터가 되어버렸다. 그때는 그저 숫자로 하면 소스에서 비교가 쉽기 때문에 그랬나 보다~라고 생각했다. 증권사에서는 주식의 시세 데이터를 다루기 때문에 시간으로 비교를 하는 경우가 매우 많다. 차트를 그릴 때도, 현재가를 알려줄 때도 항상 기준은 날짜와 시간이다. 최근에 '동기부여'라는 타이머앱을 만들면서 서버에 시간별 공부 데이터를 ..

[Flutter] #3 http interface

Study/FrontEnd 마이쮸(mychew__) 2021. 7. 27. 01:19

follow the flutter.dev homepage tutorial guide. I think, it's the best way to learn flutter that learn from flutter.dev website. This article is based on flutter.dev use the http package on flutter Let's use rest api protocol on flutter. First, we need to add http package. Seconde, import package on source. import 'package:http/http.dart' as http. as http is optional. Third, add ..

[Flutter] #2 stateful widget

Study/FrontEnd 마이쮸(mychew__) 2021. 7. 22. 00:51

stateful widget stateful is the widget that it can change some value like text, image and any state in checkbox, radiobutton. the other, stateless is the widget can't change. when state change, setState() method will run and do somethong to change values. how to make statful widget First, make a class extends StatefulWidget. class ExStatefulWidget extends StatefulWidget{ @override _ExStatefulWid..

1
2
3
4
5
6
7
···
36

IT, I Think

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

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

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

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

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

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

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

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

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