2021.03.01 ~ 2021.03.06 항해 99 1주차 일기

2021.03.01 

 

- 항해 본 과정 시작. 

- 티스토리와 Github 생성, Repo 생성, 와이어 프레임 작성

- A.Jax를 이용한 Get, Post 기능 위주로 사전 공부 과정 복습

- 파일 업로드 구현 방법 공부

 

드디어 항해 99 본 과정이 시작됐어요. 

간단한 OT를 통해 과정이 어떻게 진행되는지, 어떤 지식을 우리가 얻게 될 것인지 등등 추가적인 정보를 얻었어요.

그리고 2월 22일부터 일주일간 공부했던 웹 디자인 기초 지식을 가지고 팀을 이뤄 목요일까지 하나의 서비스를 만들어보는게 목표였습니다 ! 

이 팀 프로젝트 때문인지 첫 주는 정말 빠르게 지나갔네요 .. 🥺

 

다른 포스팅에도 올렸지만 첫 날에는 제 티스토리와 Github 계정을 만들고 우리 팀이 어떤 웹 페이지를 만들지 목표 설정하는 시간을 가졌어요. 랜덤으로 팀장을 배정해주셨는데 제가 우리 팀의 팀장이였어요 .. ! 

 

이 날은 제가 맡은 페이지를 구성하기 위해 API 개발 목록을 만들고 A.Jax를 이용한 GET, POST를 복습했습니다. 

또 새롭게 추가된 웹개발 플러스 강의에서 마이페이지에 넣고 싶었던 사진 파일 등록 기능을 발견해 공부했습니다. 

평소에 읽어오던 정보들과 다르게 파일은 DB에 저장은 물론 Static 폴더에 저장이 되도록 해야했기에 A.Jax 내용이 달라졌어요. 

 

특히 파일 명이 겹치지 않도록 현재 날짜와 시간을 파일 명에 붙여주는 방식이 있다는 걸 알게되고는 참 신기했습니다. 

예전에 인터넷에서 다운 받은 파일들에서 보던 것과 정말 똑같았거든요. 

 

2021.03.02 ~ 04

 

- 팀원들과 함께 웹 페이지 개발 진행

- 로그인, 회원가입 구현 공부

- Jinja2 공부 

 

열심히 혼자 공부했던 내용을 나열해보자면.. 

 

JWT 인증 방식은 인증에 필요한 정보들을 암호화시켜 토큰에 저장해둔다.

이때 토큰의 정보를 읽으려면 코드에 적어놓은 Secret Key가 필요하다.

안정성이 높다는 소리.

또한 토큰에 데이터를 보관하기에 서버의 유지, 보수에 장점이 있었음.

 

쿠키/세션을 이용한 방식도 있는데, 쿠키는 이름,값,날짜,경로 정보등을 저장해두는 데이터 파일이에요. 쿠키는 일정시간동안 데이터를 저장하기에 로그인 상태유지 같은 곳에 쓰여요.  몇 분이 지나고 로그아웃이 되는 원리 ! 

 

세션은 쿠키를 기반으로하지만 데이터를 브라우저에 저장하는 쿠키와 다르게 서버에서 관리를 합니다. 일정 시간동안 같은 브라우저로 부터 들어오는 요구를 하나의 상태로 보고 상태를 유지해요. 즉 웹 서버에 접속한 이후부터 종료할 때까지 상태를 유지시켜줍니다. 

 

쿠키는 클라이언트 로컬에 저장되기때문에 서버에서 처리하는 세션보다 보안에 취약하다고 합니다. 다만 그만큼 속도에서 장점이 있어요. 

세 가지를 보면 역시 안정성이 높은 JWT 인증 방식이 좋아보이네요 ! 

 

평소에 A.Jax를 이용한 데이터 불러오기만을 사용했었는데, 진자 템플릿을 이용한 서버 사이드 랜더링 방식도 있었어요.

클라이언트 사이드 랜더링은 서버에서 JSON 파일만 보내고 자바 스크립트가 HTML을 그리는 역할을 담당하면서 검색 엔진의 경우 사용자가 로딩이 느리다 느낄 수 있어요. 

하지만 서버 사이드 랜더링은 초기 랜더링된 HTML 파일을 클라이언트에 전달하기에 로딩 속도를 줄일 수 있고 랜더링 작업이 완료되기 전에 사용자가 사이드 컨탠츠를 이용할 수 있어서 답답하지 않아요! 

 

3월 3일 수요일에는 Mingle Wed 행사를 진행했어요. 

나중에 배우게 될 주특기 튜터들에게 궁금했던 점들을 모아 질문하고 이야기 하는 시간이 있었어요. 

저는 일단 Spring을 담당하시는 튜터님에게 가서 설명을 들었습니다 ! 

다른 튜터들의 상담 내용도 공유해주신다고 해요. 내가 배우게 될 것이 무엇인지, 어디서 쓰이는지 조금은 감을 잡기에 도움이 됐습니다 ! 

 

3월 4일 목요일

-팀 프로젝트 종료 ! 

 

목요일은 팀 프로젝트 마지막 날이었어요 . 

 

자정까지 제출을 목표로 우리가 현재 구현 가능한 것들과 불가능한 것들을 확실히 나눠야 했고, 우리의 홈페이지를 꾸미는 시간도 필요했어요. 

생각해보면 정말 간단한 에러들에서 막혀 시간을 낭비한게 정말 아쉬워요.. 

특히 대문자와 소문자를 잘못 적어놓고 한 시간이나 찾아다녔던 기억은.. 😭

또 코드를 Github으로 합치는 과정에서 자꾸만 제 코드가 날아가서 하나하나 비교하며 복구하느라 정말 정말 힘들었어요... Github 이용 방법을 처음부터 다시 찾아보고 공부할거에요 ! 

 

코드를 AWS를 이용해 서버에 업로드하고 테스트하는 과정을 거쳐 드디어 첫 프로젝트 종료 ! 😥

처음 욕심내며 계획했던 사이트와는 많이 다른 모습이었지만 그래도 무언가 내 손으로 만들어 보여주는게 처음이라 뿌듯했어요. 

 

2021.03.05 ~ 06 

- 알고리즘 문제 풀이 공부 시작 ! 

 

이제 몇 주간 알고리즘 공부를 진행하게 됐어요 . 

문제 은행식으로 백산 알고리즘 문제들을 풀어가고 있습니다. 

대학교 시절 공부했던 C언어 과제들이 생각나 재밌었어요. 

하지만 C언어와 Python은 같은 듯 다른 언어라서 제가 생각한 로직을 구현하려면 어떤 방법을 써야되는지 하나 하나 찾으면서 공부하고 있습니다. 

특히나 학교에서 공부할땐 단순히 코드만 보이는게 아니라 사용자가 이용하는 모습까지 생각해서 안내 문구까지 Print 함수를 이용해서 넣어놨는데, 알고리즘이 맞았는지 확인하려면 출력 포맷이 똑같아야 하는걸 알고는 이제 입력과 출력에만 집중하고 있어요 . 

 

2일차까지는 기초적인 알고리즘 문제라서 어렵지 않았는데, 이제 점차 머리가 아픈 문제들이 나올텐데 걱정입니다. 

 

다음주도 화이팅 !