[sw정글 0주차] 미니프로젝트
카테고리: swjungle survive
태그: project Programming
📚SW정글 0주차
프로젝트 설명
1.로그인 기능
- JWT인증 및 hashlib 암호화
- 세션만료 및 로그아웃 기능 구현
2.메인 페이지
- 바닐라 HTML, CSS, JS 로 구현
- 댓글 등록, 저장, 스크롤, DOM 애니메이션 조작
- 낮은 DOM구조 변경(layout 및 paint 변경 없음)
3.사용 스택
flask, hashlib, jinja2, jwt, mongoDB, ajax, jqeury
4. 프로젝트 배경
SW정글 0주차 과제: 3일만에 팀원과 <기획-제작-배포-발표>까지의 과정을 통해 협업 경험함 Contributor: [GilnDev](https://github.com/GilnDev) & [Joong-Sunny](https://github.com/Joong-Sunny/)
5.예상 효과
- 정글5기a반 친구들의 이름을 모르면 로그인을 할 수 없다
- 옆자리 동료들의 이름을 빠르게 외울 수 있음
- 주요 거점들의 경로를 코치진들의 얼굴로 표시
- 길치들에게 길을 인식 시킬 수 있다
- 류주원 코치님, 장병규 의장님, 이범규 대표님, 류석영 교수님 등 많이 높아(?) 보일 수 있는 운영진들과 내적 친밀감 형성!!
📺프로젝트 데모영상
- 유튜브 영상
📚프로젝트 문제해결 와중 알게 된 것
- 깃헙
- merge conflict는 3-way-merge시 발생할 수 있다.
- merge conflict해결을 위해 vscode editor 혹은 P4Merge tool을 사용하면 편하다
- DAG의 방향! 화살표가 가르키는 방향이 부모 커밋이다(더 예전 커밋)이다
- 장병규의장님 face generation
- 애니메이션을 위해 DOM 변경시, component단위 병경을 넘어가면 렉이 생긴다.
- 따라서 image를 깔아두고, visibility를 조절하는 방식으로 표현하는것이 좋다.
- for문 속에 setTimeout을 넣어줄 때, 딜레이를 계속 늘려주지 않으면, 비동기처리 큐가 한번에 실행된다.
- 따라서 for문을 돌 때 마다, delay를 늘려주어야 하며, 애니메이션이 실행될 타이밍을 정해주어야 하는데 이를 멈추기 위해서는 promise를 통해 비동기 큐를 지워주어야 한다.
- 인증
- JWT와 pyJWT가 둘다 있어야 한다. 하나는 인코딩, 다른 하나는 디코딩 역할을 한다.
- (예전에 opencv, opencv-python, libopencv의 차이점을 모르고 삽질을 했던 기억과 비슷)
- jinja2
- jinja2에서 html로 변수전달이 이루어지면, 굳이 ajax속에 쓸 필요가 없음
- js에서 jinja2변수를 불러오면 << >>등과 같은 잔여물이 딸려오는데 ‘’ 와 같은 방법으로 불러오면 파싱이 가능하다
- 하지만 굳이굳이 필요한 경우가 아니라면 js에서 불러올 필요가 없다. 의미가 퇴색된다. 그럴바에는 서버에서 처리하거나, html내로 넣어서 쓰면 될 것 같다.
- 클라이언트사이드 렌더링의 개념이 생긴건 최근이며, 이때문에 FE직군이 생겨났다.
🐈⬛프로젝트 아카이빙
🌜 Thank you for reading it. Please leave your comments below😄
댓글 남기기