전체 글

내일배움단 프로젝트 챌린지 9일차 개발일지

코딩개발일지 시작의 한마디 1/14 (금) 오늘 0% 에서 돌아오지 않던 배터리가 갑자기 완충되면서 고쳐졌다...!!!! 컴퓨터 사야하나 걱정했는데 정말 다행이다ㅜㅜ 개발 업무 내용 1. 로그인 토큰 점차적으로 구현해나갈 순서 원래 하던 DB에 데이터를 넘겨주고 확인하는 방식 구현하기 JWT 토큰을 활용한 로그인 기능 만들기 (인증) Cookie에 토큰 저장하기 원래는 쿠키에 저장하면 보안성에 취약하지만 처음 구현해보는 것이므로 쿠키부터 해보자! [프론트] Cookie를 'header'에 실어서 서버에 전송하기 토큰 payload에 정보를 담아서 보냄 만료시간은 주로 30분~1시간 / 2시간 Decorator (인가) 비밀번호 암호화 - bcrypt 2. 검색어 저장 로컬 DB와 연동이 안돼서 구현을 못..

내일배움단 프로젝트 챌린지 8일차 개발일지

코딩개발일지 시작의 한마디 1/13 (목) 노트북 방전된지 1일째,,,, 언제 나갈지 몰라서 켜기 무섭다...컴퓨터나 노트북 하나 장만해야할것 같다... 개발 업무 내용 전체 프로젝트 진행내용 확인 프론트 로그인/회원가입 페이지 디자인 데이터 - 서버와 연결작업 (진행중) 메인 로그인/로그아웃 페이지 디자인 수정 (진행중) 메인 로그아웃 페이지 기능 (예정) 검색어 DB에서 순위값 불러오기 검색어 창에 입력한 값으로 페이지 이동 검색어 DB에서 최근값 3개 불러오기 메인 로그인 페이지 (예정) 메인 로그아웃 페이지 기능들 아이디 불러오기 검색결과 페이지 구조 디자인 (진행중) 로그인 여부에 따라 저장기록 버튼 보이기/숨기기 (예정) [전체] 입력받은 데이터 서버로 넘겨주는 작업 (진행중) 백엔드 메인 해..

내일배움단 프로젝트 챌린지 7일차 개발일지

코딩개발일지 시작의 한마디 1/12(수) 오늘 밖에서 공부하다가 들어왔는데 날씨가 너무 추운 탓인지 집에 오니까 노트북이 방전되어 있었다... 전원연결하고 긴급소생 해봤는데 전원연결하면 켜지긴하는데 0%에서 그 이상 충전이 되지않는다 드디어 노트북이 다했나보다..ㅜㅜ 개발 업무 내용 1. 로그인/회원가입 시 토큰 발급기능 (서버) 로그인/회원가입 구현 할 때 그냥 아이디/비밀번호만 저장하는 식으로 구현하고 있었는데, 알고보니 토큰을 발급해야 했다.....그래서 튜터님께서 토큰발급과 비밀번호 암호화에 대한 키워드들을 던져주셨다! [KEYWORDS] jwt 토큰(=허가증/출입증) 발급 bcrypt 암호화 인증/인가 python decorator @login.required 이런 형태로, 해당 경로를 거친 코..

내일배움단 프로젝트 챌린지 6일차 개발일지

코딩개발일지 시작의 한마디 1/11 (수) 디자인 짜고 내일은 서버로 데이터 넘겨주기까지 구현해보자 개발 업무 내용 오늘은 튜터님과의 시간이 있었는데 다들 진행중이라서 질문이 없다고 해서 넘어가려고 했으나 협업을 잘 하고 있나 물어보자,, 아직도 git 사용에 익숙하지 않은 팀원이 있어서 튜터님께서 설명해주셨다. 다른 분이 또 git 연동이 안되어있으셔서 설명해주느라 오늘은 git 연동하는데까지 시간을 너무 많이 잡아먹었다😂 그래도 이제 깃 연동후에 올리신 파일들을 보니 다른 페이지의 디자인과 레이아웃까지 거의 잡혔고, 서버로 넘겨주는 것까지 완벽하게 구현해내면 될 것 같다! 그리고 추가적으로 시간이 된다면 추가 기능까지 추가하면 좋을 것 같다. 업무 중 이슈/고민/해결내용 매번 협업방식이나 프로젝트의 ..

내일배움단 프로젝트 챌린지 5일차 개발일지

코딩개발일지 시작의 한마디 1/10 (월) 오늘은 디자인대로 코드짜야지! 개발 업무 내용 프론트 디자인 초안대로 코드 작성해서 구현하기 백엔드 메인페이지 로그인DB 관련 스크랩페이지/메모저장 각 기능들 구현하기 업무 중 이슈/고민/해결내용 1. 배경색 적용 배경색을 그라데이션으로 하는 것부터 막혀버렸다. 개발자도구로 보면 저 나눠진 영역 자체가 하나의 body 인것으로 보아 배경을 브라우저 높이만큼 꽉차게 가지도록 해야할 것 같다. https://knulab.com/archives/1185 https://cowimming.tistory.com/107 검색을 참고해서 body의 height 값을 100vh 로 주었더니 해결되었다. 2. 수직 가운데 정렬하기 Glassmorphism이 적용된 전체 박스 안에..

내일배움단 프로젝트 챌린지 4일차 개발일지

코딩개발일지 시작의 한마디 1/9 (일) 이번주 금요일이 중간점검인데 그때까지 제대로 진행할 수 있을지 걱정이다 개발 업무 내용 1. 디자인 완성 페이지 레이아웃을 잡고 디자인 짜는데 시간이 너무 오래걸리는 거 같아 빠르게 디자인을 다음 시간 전까지 완성하기로 했다. 다음 시간에는 같이 전체적인 디테일을 수정하고 코드를 짜는 것으로 진행해 나가기로 했다. 2. 데이터 및 크롤링 구현 백엔드에서는 1주차 안으로 메인 백엔드를 구현할 예정이다. 로그인/회원가입 기능 구현중 인스타그램 크롤링 구현중 검색어, 메모장 저장 구현중 업무 중 이슈/고민/해결내용 프론트/백엔드 역할을 나눠서 작업하고 있다보니 회의진행도 나눠서 하고 있다. 백엔드는 시작한지 30분만에 회의 끝났다구 먼저 간다고 하셔서 진행사항 팀노션에..

내일배움단 프로젝트 챌린지 3일차 개발일지

코딩개발일지 시작의 한마디 1/8(토) 오늘은 프로젝트를 제대로 진행해볼 수 있을까.. 개발 업무 내용 1. 구현 범위 좁히기 처음에 잡았던 기능들은 너무 기능들이 많고 다양해서 일단은 1주차/2주차로 나누어서 메인 기능을 구현하면 점차적으로 기능을 추가해나가는 것으로 하기로 했다. 최종적으로 일단 메인기능 및 1주차 내 구현 범위는 다음과 같다. 로그인 회원가입 검색창(메인) 검색결과 크롤링 2. 협업 방식 Git에 아직 익숙하지 않은 분들이 많아서 GitHub를 이용하는 것은 맞지만 기능 브랜치를 나눠서 하기에는 어려울 것이라고 예상되어 하나의 브랜치로 push/pull 을 반복하며 만들기로 했다. 프론트/백엔드 역할을 나누어서 제작 하려고 했으나 그렇게 나눠서 하는 작업은 프론트와 백엔드의 레포지토..

내일배움단 프로젝트 챌린지 2일차 개발일지

코딩개발일지 시작의 한마디 1/7 (금) 오늘은 튜터님께 조언도 듣고 주제에 대해서 좀 더 자세하게 기능을 좁힐 수 있을것 같다! 개발 업무 내용 1. 주제 구현범위 가능 여부 확인하기 연관된 해시태그 데이터들을 주제에 따라서 분류해서 보여주는 것까지 구현해낼 수 있는가? - 세분화해서 데이터를 분류하는데 있어서는 굳이 DB까지 필요하지 않을것 같다. 2. 기능 검색기능 사용자로부터 받은 단어와 연관된 해시태그들 조회하기 > 보여주기 관심단어 등록하기 실시간 검색 순위 보여주기 로그인/회원가입 아이디/비밀번호 찾기 3. 업무 분담하기 프론트 로그인 페이지 회원가입 페이지 아이디/비밀번호 찾기 페이지 메인페이지 (검색 및 검색순위 노출) 검색결과 페이지 (연관 단어 보여줌) 관심단어 등록 페이지 스크랩 페..

브랜치 나누기/합치기

브랜치에 커밋 푸시 git push origin master 브랜치 생성 git branch 브랜치이름 브랜치 이동 git checkout 브랜치이름 브랜치 합치기 git merge 브랜치이름 Q. 여러 줄로 커밋을 쌓는 이유? 한 줄에서 작업하면 충돌이 날 수 있고, 똑같은 코드를 동시에 고칠 가능성이 있기 때문이다. 브랜치에 커밋 푸시 git push origin master 기본으로 만들어져 있는 master 브랜치에 커밋을 푸시하라는 의미이다. *HEAD: 지금 작업중인 로컬 브랜치를 가리킴. 브랜치 만들기 (나누기) git branch cat cat 브랜치를 현재 시점에 만들어라는 의미이다. 한 시점에 2개의 브랜치가 생성된다. (기존의 master + cat 브랜치) [실습] 브랜치 생성 [b..

내일배움단 프로젝트 챌린지 1일차 개발일지

코딩개발일지 시작의 한마디 1/6 (목) 오늘부터 프로젝트 챌린지 시작이다! 이번 프로젝트에서 내가 팀장을 맡게 되었다. 어떤 주제로 만들어야 할지 고민이다. 개발 업무 내용 1. 프로젝트 주제 결정 및 리서치 프로젝트 주제로 다양한 주제가 나왔다. 이 중에서 투표를 통해 해시태그 크롤링을 주제로 하기로 했다. 2. 주제 디벨롭 해시태그 크롤링을 통해서 무엇을 할지 정해보기로 했다. 검색을 통해 해당 해시태그와 같이 작성된 태그들을 가져와서 많은 태그순으로 보여주는 연관검색어처럼 구현하기로 했다! 업무 중 이슈/고민/해결내용 주제를 해시태그 크롤링으로 하기로 했는데, 인스타를 하지 않아서 해시태그 기능에 대해서 이해하기 어려웠던 팀원도 있었고, 해당 기능을 통해서 어떻게 사이트를 이용하려는것인지 기능에 ..

[GUI] Sourcetree

SourceTree 설치 GUI는 Git 개념을 그래프로 가시적으로 볼 수 있어 편리하다. 소스트리는 버튼 클릭으로 Git 명령을 실행할 수 있는 도구이다. 어떤 계정을 사용할 것인지 물어봄 ▶ Git 계정 없으면 Pass SSH 키 불러오기 여부 ▶ 아니오 로컬 저장소 추가하기 설치한 소스트리에 내 컴퓨터에서 이미 만든 로컬 저장소 추가하기 파일 업로드하기 로컬 저장소의 파일을 원격 저장소로 업로드 할 때에는 add, commit, push 의 과정을 거친다. 파일 스테이지에 올리기 (add) 변경된 파일이 존재할 때 위와 같이 뜨는데, 커밋을 누른 뒤, add를 하기를 원하는 파일을 옆에 + 버튼을 눌러 스테이지에 올려준다. 파일 변경사항 확인 커밋 메시지 작성 (Commit) *아이디와 계정이 본인..

Add와 Commit의 개념 이해

Git add : 변경한 파일 중 올리길 원하는 것만 선택 Git commit : 선택한 파일들을 한 덩어리로 만들고 설명을 덧붙임 변경사항의 모음(X) 하나의 최종 코드 모음(O) 기존 커밋과 비교해서 변경된 파일이 아니면 '변경되지 않았다'고만 저장해서 용량이 무겁지 않다. (변경된 파일만 새로 저장) 더보기 SVN vs. GIT 차이점 SVN은 바로 이전 커밋과의 변경사항만 저장한다. 커밋 당 용량은 더 가볍지만 한 버전을 보려면 맨 처음 커밋부터 계산해야 하기 때문에 속도가 느리다. Git은 바로 이전 커밋반 보면 되기 때문에 속도가 빠르다. 파일이 위치하는 영역 작업 디렉토리 : 현재 작업하고 있는 우리 컴퓨터 (Working directory) 스테이징 영역(add) : 파일을 전달하기 위해 ..