psun0610/TIL

Today I Learned

📝 Today I Learned!

오늘 내가 공부한 것들

 

📁 정리 파일 목차

1. 마크다운
2. Git/GitHub
3. 파이썬 프로그래밍
4. 자료구조
5. 알고리즘
6. 데이터베이스 SQL
7. 프론트엔드 HTML, CSS, Javascript
8. 백엔드 Django

 

🌸 알고리즘 풀이

알고리즘 풀이 목록

 

🔥 프로젝트

영화 추천 사이트

📌 페이지 링크

• 영화 추천 사이트

🗓 프로젝트 기간

• 2022.09.02 ~ 2022.09.03

🚩프로젝트 목적

• 깃허브를 활용하여 협업하는 방식 배우기, html, css 활용

🧾 프로젝트 설명

• 영화 추천 서비스를 프론트엔드 영역만 간단하게 개발함

💻사용 기술 (언어, 라이브러리, 프레임워크)

• html, css, bootstrap

💡 배운점

• css에 대한 공부를 많이 해볼 수 있었다. 특히 overlay 구현을 하는 데 어려움을 겪었었는데 팀원들과 구글링 해가면서 공부하여 display relative - absolute를 이용하여 구현에 성공하였다.

 

영화 리뷰 사이트

📌 페이지 링크

• 영화 리뷰 사이트

🗓 프로젝트 기간

• 2022.09.13 ~ 2022.09.14

🚩프로젝트 목적

• 반응형 사이트를 만드는 연습을 하기 위하여 프로젝트를 시작함

🧾 프로젝트 설명

• 영화 리뷰 사이트로 영화 설명과 커뮤니티 페이지가 있음

💻사용 기술 (언어, 라이브러리, 프레임워크)

• html, css, bootstrap

💡 배운점

• bootstrap으로 간단하게 반응형을 구현해 볼 수 있었다. 다음에는 media query를 사용하여 직접 구현해 보고 싶다.

 

삼성 갤럭시 캠퍼스 스토어 클론코딩

📌 페이지 링크

• 우코테 삼성 갤럭시 캠퍼스 스토어
• 삼성 갤럭시 캠퍼스 스토어

🗓 프로젝트 기간

• 2022.09.10 ~ 2022.09.14

🚩프로젝트 목적

• bootstrap 등 다른 라이브러리를 사용하지 않고 바닐라 css를 사용해서 반응형 페이지를 구현해 보고 싶어서 시작함

🧾 프로젝트 설명

• 삼성 갤럭시 캠퍼스 스토어 메인 페이지 클론코딩

💻사용 기술 (언어, 라이브러리, 프레임워크)

• html, css

⭐ 나의 역할/ 개발 내용

• bootstrap을 사용하지 않고 바닐라 css를 사용했다.

💡 배운점

• media query를 다루는 법을 잘 배울 수 있었다. 조금 지나서 다시 보니 데스크탑~태블릿 view port에서 모든 font size를 vw로 했던 점이 조금 아쉬웠다. font size는 vw로 하기 보다는 고정 단위로 하는 것이 더 좋을 것 같다.

 

(Django) 영화 리뷰 커뮤니티

🗓 프로젝트 기간

• 2022.10.07 ~ 2022.10.12

🚩프로젝트 목적

• Django와 반응형 페이지 연습

  • ModelForm을 활용한 CRUD 구현

  • Staticfiles 활용

🧾 프로젝트 설명

• 페어 프로그래밍으로 Django를 활용하여 영화 리뷰 커뮤니티 서비스를 개발

💻사용 기술 (언어, 라이브러리, 프레임워크)

• Django, html, css

⭐ 나의 역할/ 개발 내용

• HTML를 이용하여 페이지의 구조를 잡고 CSS로 꾸밈

• detail 페이지의 next, prev 구성함 (url, view, template)

💡 배운점

• 전체적인 Django의 개발 흐름을 알게 되었습니다.
• ModelForm과 부트스트랩을 활용하여 form을 만드는 방법과 ModelForm을 사용하면 view에서 따로 에러 메시지를 구성할 필요 없이 자동으로 한번 걸러 줄 수 있다는 것을 알게 되었습니다.
• 이러한 서버 개발이 정말 새로운 것이 아니라 파이썬 파일로 이루어져 있다는 것을 다시 한번 인지하였고, 알고리즘을 공부하여야 하는 이유를 몸소 깨닫게 되었던 것 같습니다.

 

CafeMaster: 카페 추천 및 리뷰 사이트

🗓 프로젝트 기간

• 2022.10.31 ~ 2022.11.08

🚩프로젝트 목적

• Django를 활용하여 역할분담을 하여 팀프로젝트를 해보기 위함

🧾 프로젝트 설명

• 사용자들이 원하는 종류의 카페를 추천해주고 리뷰를 작성할 수 있는 커뮤니티 사이트

💻사용 기술 (언어, 라이브러리, 프레임워크)

⭐ 나의 역할/ 개발 내용

💡 배운 점

🧷 참고하면 좋은 자료

• Git 관련 정보들: Git Book
• 웹에서 바로 파이썬 작성을 도와주는 튜터: Python Tutor
• 파이썬에서 제안하는 스타일 가이드: PEP8
• 기업, 오픈소스 등에서 사용되는 스타일 가이드: Google Style guide
• 파이썬 자습서: Python 공식 문서 - 자습서
• 파이썬 표준 라이브러리 레퍼런스: Python 공식 문서 - 라이브러리 레퍼런스
• 반응형 웹과 적응형 웹: 반응형 웹, 적응형 웹 개념 정리