Today I Learn

• markdown

• Git(GitHub), 로컬저장소와 원격저장소 연결

• branch & merge & github flow
• clone 및 fork를 활용한 작업참여

• 파이썬 기초
• 변수 및 식별자, 자료형, 연산자, 리스트 등을 배움

• 파이썬 기초2
• 자료형 변환, 제어문, 조건문, 반복문, range 등을 배움

• 파이썬 함수
• 함수(Function)
  • 내장함수, map(), len(s), sum(iterable, start = 0), max(iterable), min(iterable) 등을 배움

• 딕셔너리, 모듈, 예외/오류 상황 처리

• 파일 입출력, JSON
• 한 주 동안 배운 내용을 토대로 프로젝트 실행. (머리가 깨질뻔 했지만 다행히 깨지진 않았다!):shipit:

• 데이터 타입과 메서드
• 튜플, 세트, 문자열, 딕셔너리

• 사용자 정의 함수(def)
• 함수의 결과값(return), 함수의 입력(parameter, argument), 함수의 범위(scope)

• 사용자 정의 클래스
• 객체 지향 프로그래밍, 클래스와 인스턴스(class, instance), 속성과 메소드

• 파이썬 심화
• 클래스 속성 및 메소드, 상속, 추가 문법
• 파이썬 Swea 모의고사 실시

• 가상환경
• 외부 패키지 활용(requests, API)
• 외부 패키지를 활용한 프로젝트 실행 (어려웠다..)

• 파이썬 입출력

• 시간 복잡도 (빅오(Big-O)표기법)
• 파이썬의 리스트(메서드, 관련 내장 함수, 리스트 컴프리헨션)

• 문자열(String)
• 문자열 메서드, 아스키(ASCII) 코드

• 파이썬 딕셔너리(Dictionary)
• 딕셔너리 기본 문법, 메서드

• 설날 연휴 전 파이썬 Swea 모의고사 실시

• 스택, 큐(Stack, Queue)

• 힙, 셋(Heap, Set)

• 이차원 리스트_1
• 이차원 리스트 정의, 입력 받기

• 이차원 리스트_2
• 순회, 전치, 회전

• 완전탐색 I
• 무식하게 풀기(Brute-force, 브루토포스), 델타 탐색(Delta Search)

• 그래프(무방향 그래프, 유방향 그래프)
• 인접 행렬, 인접 리스트

• 그동안 배운 내용을 토대로 파이썬 Swea 모의고사 실시
• 느낀점: 나 자신이 많이 성장함을 느낌! / 문제를 꼼꼼히 읽자..!(덕분에 자체 하드모드 on)

• 백준 문제풀이

• 깊이우선탐색(DFS)
• DFS의 동작 과정, 구현 방식, 예제풀이

• 단순 구현, 시뮬레이션 (하지만 단순하지 않은)
• 백준 17608, 7568, 1063
• solved.ac 브론즈5 해결

• 데이터베이스 시작
• MySQL 소개 및 설치
• 백준 단계별 문제 1~4단계 완료

• SQL
• Querying data, Sorting data (SELECT FROM, ORDER BY)
• 백준 단계별 문제 6단계 완료

• Swea 알고리즘 관련 모의고사 실시
• 느낀점: 확실히 본인은 DFS, BFS에 약하다는 것을 느낌. 이것들 위주로 공부하고 문제풀이를 해나갈 예정

• 백준 문제풀이

• SQL - Single Table Queries 2
• Filtering data (DISTINCT, WHERE, LIMIT, BETWEEN, IN, LIKE, ...), Grouping data (GROUP BY, HAVING, ...)

• SQL - Managing Tables, Modifying Data
• CREATE, DROP, ALTER TABLE / INSERT (INTO), UPDATE (SET), DELETE (FROM)

• SQL - Multi Table Queries
• JOIN ( INNER JOIN, LEFT JOIN, RIGHT JOIN, UNION, ...)

• SQL - Nested Queries
• Subquery, EXISTS, CASE

• 자격증 취업특강
• 프로그래머스 SQL 문제풀이

• 스터디 문제풀이 (프로그래머스), 백준 문제풀이

• SQL - Advanced 01
• Transactions, Triggers

• SQL - Advanced 02
• Normalization (정규화), Data Modeling (ER (Entity-Relationship) Diagram)

• 웹 시작
• Web - Fundamentals of HTML and CSS

• Web - The box model
• CSS Box Model, Block & Inline (Normal flow)

• 커리어 특강
• Web project 진행 (협업 프로젝트)
• 스터디 문제풀이 (코드업)

• 스터디 문제풀이 (프로그래머스, swea)

• Web - Positioning for CSS layout
• CSS Position

• Web - Floating for CSS layout
  • CSS Float
• Web - Flexible box for CSS layout
  • CSS Flexbox, Flex Container, Flex Item, flex-wrap

• 백준 문제풀이

• Web - Semantic Web
• Semantics in HTML, Semantics in CSS (OOCSS, BEM)

• Web project 진행 (협업 프로젝트)

• 스터디 문제풀이 (코드트리, 프로그래머스)

• Web - Fundamentals of Bootstrap
• Bootstrap 클래스명 맛보기, CDN

• Web - Fundamentals of Grid system
• 중첩, Offset, Gutters

• Grid system for responsive web design
• Breakpoints, Grid cards, UX & UI

• Web project 진행 (협업 프로젝트)

• 스터디 문제풀이 (코드트리, 프로그래머스)

• JavaScript 시작
• JS - History of JavaScript
• Web - JavaScript and DOM

• JS - Basic syntax of JavaScript
• 변수, 데이터 타입, 연산자, 조건문, 반복문

• JS - Functions (선언식, 표현식, 매개변수, 화살표 함수)
• JS - Object (객체, in 연산자, Method, this)
• JS - Array (배열과 메서드, forEach, map, 콜백 함수)

• JS - Controlling event
• lodash / 이벤트 (.addEventListener()), click, input, .preventDefault(), alert

• 인사이트 특강 (프론트엔드 현직자)
• Web project 진행 (협업 프로젝트)

• 스터디 문제풀이 (코드트리, 프로그래머스)

• django 시작
• Framework, django, 클라이언트와 서버

• Django - Django design pattern
• 앱 생성 및 등록, MVC, MTV, 요청과 응답 (URLs -> View -> Template)

• Django - Django Template
• 템플릿 상속 (extends, block), 요청과 응답 with HTML form (form, action 과 method, input, name)

• Django - django URLs
• Variable Routing, App URL mapping (include()), Naming URL patterns, URL Namespace

• Django - Django Model
• Model, Migrations, migrate, Admin site

• 스터디 문제풀이 (프로그래머스), 백준 문제풀이 (풀이개수 200개 달성!)

• Django - ORM
• QuerySet API, ORM CREATE, ORM READ

• Django - ORM (ORM UPDATE, ORM DELETE)
• Django - ORM with view (READ, CREATE)

• Django - ORM with view (DELETE, UPDATE)
• HTTP request methods ('GET' Method, 'POST' Method)

• Django project 진행 (협업 프로젝트)
• 가계부 서비스 개발

• 스터디 문제풀이 (프로그래머스), 백준 문제풀이

• Django-Form (Form class, Widgets, ModelForm)
• Django - Handling HTTP requests (HTTP requests 처리에 따른 view 함수 구조 변화)

• Django - Cookie & Session
• Django - Authentication System 1 (Custom User model, Login, Logout)

• Django - Authentication System 2
• 회원 가입 (UserCreationForm()), 회원 탈퇴, 회원정보 수정 (UserChangeForm()), 비밀번호 변경 (PasswordChangeForm()), update_session_auth_hash, is_authenticated, login_required

• Django project 진행 (협업 프로젝트)
• 개발자 정보 공유 서비스

• 스터디 문제풀이 (프로그래머스), 백준 문제풀이

• Django - Static files
• STATIC_URL, Media Files, ImageField(), MEDIA_ROOT, MEDIA_URL

• Django - Many to one relationships 1
• Comment & Article, comment_set.all(), Comment CRUD

• Django - Many to one relationships 2
• Article & User, Comment & User

• Django project 진행 (협업 프로젝트)
• git을 활용하여 협업 진행
• 영화 후기 공유 서비스

• git 관련 내용 정리
• 스터디 문제풀이 (프로그래머스), 백준 문제풀이

• Django - Many to many relationships 1
• Django ManyToManyField, related_name, through, symmetrical, add(), remove(), .exists()

• Django - Many to many relationships 2
  • User(M) & User(N), Follow 구현
• Django - Fixtures
  • dumpdata, loaddata

• Django with Ajax
• 비동기 (Asynchronous), Ajax, Axios
• CLOUDTYPE을 활용한 개발 프로그램 배포

• Django project 진행 (협업 프로젝트)
• 밸런스 게임 웹 서비스 개발 & 배포

• 프로젝트 관련 내용 정리
• 스터디 문제풀이 (프로그래머스)

• Django - Django rest framework 01
• REST API, Django REST framework (DRF), Serialization, (GET, POST, DELETE, PUT)

• Django - Django rest framework 02
• N : 1 Relation, read_only_fields, PrimaryKeyRelatedField(), Nested relationships, Swagger

• 취업 특강 (이력서 작성 방법, 백엔드 개발 현직자 초청)
• 세미 프로젝트 1 시작

• Semi Project_Day 1
• 프로젝트 기획 문서 작성 / git hub 저장소 생성 / 백엔드 구현 (게시글 생성, 수정, 삭제 / 계정 생성, 수정, 삭제 / 좋아요, 팔로우 구현)

• Semi Project_Day 2
• 이미지 넣기 (static file) / 게시글 작성 시간 / 검색창 기능 / 오늘의 딜 (카운트다운) / 게시글 스크랩 기능

• 메인페이지, footer 구현

• Semi Project_Day 3
• 앞으로 진행해야 할 사항에 대해 의논, 정하기 / dumpdata를 페이지에 출력하기

• Semi Project_Day 4
• 쇼핑하기 페이지에 썸네일로 쓸 메인 이미지 출력하기 / 썸네일 기능을 완성시키면 화면 구상에 대한 내용들을 확실히 정하고 기록 / 회원가입 기능 구현 / 좋아요 의미 정하기

• Semi Project_Day 5
  • 회원가입 - 체크박스 JS 작성
  • 리뷰 상세페이지 완성 - 좋아요, 스크랩 구현
  • 상품 카테고리 분류
  • 리뷰 페이지 수, 상품 페이지 수 나타내기
  • 리뷰와 상품을 검색 가능하게 구현
  • 프로필 좋아요, 팔로워
  • 리뷰 업데이트 페이지

• Semi Project_Day 6
  • 쇼핑 페이지 구현
  • 검색창에 검색 후 검색 결과에 맞는 게시글, 상품 나열
  • 리뷰 상세 페이지 - 좋아요, 스크랩 기능 추가
  • 리뷰 업데이트 페이지 구현
  • 팔로우버튼 (리다이렉트 방지)

• Semi Project_Day 7
  • 댓글 좋아요 (Ajax)
  • 제품 상세 페이지에서 해당 제품에 대한 리뷰 출력
  • 제품 상세 페이지에 장바구니, 스크랩 버튼 추가
  • 장바구니 페이지 추가
  • 제품 썸네일에 오늘의 핫딜 표시
  • 그 외 버그사항 수정

• Semi Project 발표 및 공유회
• 프로젝트 정리 & 팀/개인별 회고

• 세미 프로젝트 2 시작
• 주제 정하기(배민상회), 타겟층 정하기, ERD 작성, git hub 저장소 생성

• Semi Project_Day 1
• 프론트엔드
  • navbar, 메인페이지 구현중, 상품 상세 페이지 구현
• 백엔드
  • 계정관련, model, form, view 수정

• Semi Project_Day 2
• 프론트엔드
  • 인덱스 페이지 구현중, 프로필 페이지 구현, 회원가입 페이지 구현
• 백엔드
  • 인덱스 페이지에 나오는 아이템들 분류 방법 정리
  • create에서 카테고리 고르면 subcategory만 고를수있게 js로 구현. jquery 사용
  • 카카오페이 연결 완료

• Semi Project_Day 3
• 프론트엔드
  • 로그인창 구현, 상품 생성 페이지 구현 중
• 백엔드
  • 가격별 필터(다중 필터링) 적용중, 카카오페이 결제 구현, 소셜로그인 구현중

• Semi Project_Day 4
• 프론트엔드
  • 인덱스 페이지 구현, 프로필 네브바 수정
  • 프로필 내에 자신(다른 사람)이 작성한 리뷰 뜰 수 있게 구현
• 백엔드
  • 디테일 페이지 최적화 작업
  • 초특가 할인율 30% 이상만 (댓글 작성 점수로 평점 반영하게) → 판매자 관리 관련 기능 구현
  • 디테일 페이지 좋아요 비동기 구현 → 주문 처리 로직 구현
  • 결제시 Order에 저장 및 주문 목록 페이지에 렌더링
  • Seller 관련 조사

• Semi Project_Day 5
• 프론트엔드
  • 메인 페이지 수정
  • 프로필 페이지 세분화
• 백엔드
  • 결제 관련 페이지 템플릿 구현
  • 리뷰, 상품 데이터 삽입
  • 메인 페이지 쿼리 최적화

• Semi Project_Day 6
• 프로필 페이지 리뷰, 상품(장바구니 담기, 좋아요 실행한 페이지로 이동하도록 구현. 좋아요 취소 구현) 작업, 페이지네이션
• 서치 페이지, 상품 리스트 페이지 장바구니 담기 기능 진행(아이콘)
• 장바구니 전체 선택 기능 구현, 전체적인 CSS, footer관련 작업
• detail 페이지 최적화

• Semi Project_Day 7
• 전반적으로 완성도 높이는 작업 진행, 데이터 입력, 배포, PPT
• 디테일, 프로필 리뷰 페이지 오류 수정 및 최적화
• 프로필 좋아요 기능 비동기 처리로 구현
• CSS : 장바구니 픽스드 아이콘 추가
• 디테일 페이지 좋아요 버튼, 평점 디자인

• Semi Project 발표 및 공유회
• 프로젝트 정리 & 팀/개인별 회고

• 최종 프로젝트 시작
• 프로젝트 개인 희망사항 정리
• 팀 목표 정하기
• 팀 규칙 정하기
• Git 커밋 규칙 작성
• 역할 정하기
• 데일리 루틴 정하기
• git hub 저장소 생성

• Final Project_Day 1
• 각자 주제 3가지 씩 생각해오기
• 그 주제 안에서 괜찮은 몇 가지를 선정해 구체화

• Final Project_Day 2, 3
• 임시 선정 주제에 대한 몇 가지 시도 중

• Final Project_Day 4
• 주제 다시 선정 (공연(문화 생활)을 관람하고 티켓을 자랑하거나 공유, 다양한 문화 생활 일정을 알아보는 사이트)
• 주제에 대한 유저 페르소나, 프로젝트 목적 설정
• 페이지 템플릿 간략하게 설정

• 페이지 템플릿 레이아웃 세부 설정
• base(navbar, footer), create 템플릿 구현
• 캘린더 구현 중

• Final Project_Day 5
• base(navbar, footer), create 페이지 템플릿 구현 마무리
• 캘린더 구현 및 이미지 넣기
• ai 챗봇 구현
• 네이버, 구글로 이미지 검색하는 기능 구현

• Final Project_Day 6
• create form 수정(null 값 허용)
• 회원가입, 로그인 창 구현
• 캘린더 헤더 수정
• 소셜 로그인 구현
• 카카오, 네이버 이미지 검색 모달 작업
• 캘린더 캡쳐 기능 구현

• Final Project_Day 7
• 동적 form 적용
• index 페이지 구현
• 프로필 페이지 구현
• 회원가입 오류 수정
• 웹 이미지 검색 수정

• Final Project_Day 8
• index 페이지 구현 중
• 프로필 페이지 구현 중
• 회원가입 시 보안이미지 추가
• 캘린더 수정

• index 페이지 구현
• index 페이지 그래프 구현
• 프로필 페이지 구현
• search 페이지 구현

• Final Project_Day 9
• 맞팔로우시 상대방 캘린더 보여짐
• 구글 로그인
• 캘린더 → 기록이 있을경우 modal
• 웹 이미지 가져오기 모달
• update page 구현
• detail 수정 시 캘린더에도 적용
• 캘린더 모달 클릭시 내용 수정

• Final Project_Day 10
• 맞팔로우시 상대방 캘린더 보여짐 (비동기처리)
• index 화면 수정 (그래프)
• 웹 이미지 선택 시 db 저장 시도 중

• Final Project_Day 11
• 웹 이미지 선택 시 db 저장 성공
• navbar, footer 수정
• index -> offcanvas 추가
• 프로필 수정 페이지 구현 중
• create, update 페이지 수정

• Final Project_Day 12
• update 페이지 수정(사진 없을 때, 웹 이미지만 있을 때 제목, 날짜, 금액 등 수정이 안됨)
• search 페이지 수정(웹 이미지만 있을 때 이미지가 안 나오는 문제)
• index 페이지 → offcanvas 수정(작성한 게시글 없을 때 게시글 작성이 필요하다는 이미지 한번만 출력하게 하기)
• 배포
• 배포 후 페이지 디자인 수정

• Final Project_Day 13
• 챗 봇 아이콘 수정
• 웹 검색 시 이미지 깨짐 수정
• 폰트 추가
• 캘린더 모달 오류 수정
• create 페이지 → 웹 검색 버튼 수정
• 이미지 취소 버튼 (웹 이미지, 선택이미지)

• Final Project_Day 14
• 챗 봇 내용 수정
• 웹 검색 시 enter 버튼 누르면 카카오 검색 가능하게 수정
• index -> modal 내용 수정
• index -> 월별 그래프 위치 조정

• Final Project_Day 15
• 발표 PPT 제작
• 발표 대본 제작
• 사이트 배포

• Final Project 발표 및 공유회
• 프로젝트 정리 & 팀/개인별 회고

• 알고리즘 문제 풀이 다시 시작
• 낮일새지 스터디 가입 (오전 9시까지 게더타운에 모여 11시까지 알고리즘 문제 풀이 후 노션에 기록하는 스터디)
• Spring & React 공부 시작