반응형
반응형
작업하던도중 merge를 반대로 했던 상황이 있다. 작업했던 브랜치를 dev로 merge를 했어야했는데 반대로 dev를 작업했던 브랜치로 merge를 해버렸다. 이경우에 git log 에서 돌아가고싶은 해쉬값을 통해서 git reset 을 하면 돌아갈수있다. 돌아가는방법은 이제 알고있지만 git을 사용할때는 더 조심히 사용해야겠다 해결한다고 오전 시간 거의다씀... 어제에 이어 로그인 상태에따라 서버통신하면서 CRUD 하는 로직을 개발하고있고 , 현재 는 CR 까지 완료를 한상태이다.
팀원분들과 로그인 페이지를 집중적으로 작업했다. 소셜로그인기능추가는 firebase에서 제공하는 AuthProvider를 이용해서 간단하게 구현하게되었다. 원래 접근성에 용이한 구글 카카오로 제공하려했는데 카카오는 따로 커스텀을 해야되서 시간상 구글 깃헙으로 간단하게 구현하게되었다. 로그인 성공시 로그인했을때만 제공되야되는 nav 메뉴들을 보여주는 코드를 짯고 , 회원가입할때 서버랑 통신하면서 데이터가 정상적으로 서버에 반영되는 부분을 개발하게되었다.
이미지 업로드 할수있는 fileReader를 학습했다. 생성자함수를통해서 인스턴스 를 reader에 인스턴스를 받아 .readAsDataURL , .onload 메소드들을 사용해서 처리를 하여 locakStorage에 담는 로직이다. 이를이용해서 추후에 서버에 파일을 넣거나 , 어떤 토글값을 담는 변수를 생성해 파일을 올리는 동작을 제어할수도있을것같다. FileReader - Web API | MDN FileReader 객체는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 developer.mozilla.org
현재프로젝트를 진행하는중인데, 전체적으로 페이지가 완료되서 팀원들 페이지 모아서 SPA 를 구현하려고 전체적으로 내용을 살펴봤다 현재까지는 팀원분들 과 조율해서 제공받은 스니펫으로 하는데 시간이 남는다면 마지막으로 html 파일로 route를 구성하지않고 js로 구성하도록 리팩토링해야겠다. https://velog.io/@tlatjdgh3778/Vanilla-JavaScript%EB%A1%9C-SPA%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 Vanilla JavaScript로 SPA구현하기 Vanilla JavaScript로 SPA구현하기 > 본 포스트는 [ dcode - YOUTUBE](https://www.youtube.com/watch?v=6BozpmSjk-Y&t=1009s)..
금요일날 프로젝트를 시작하게되었다. 프로젝트에대해서 주제를 선정할때 오랜만에 대학시절때 조별과제하는 느낌들어서 기분이 묘했던것같다. 여러 아이디어중 토스피드 의 레이아웃의 뉴스피드 웹을 만들기로했고, 웹 개발자에게 필요한 정보들 , 인터렉티브한 웹사이트, 잘만든 웹사이트 들을 소개하는 페이지를 개발하기로했다. 개발과정에 필수요건들이 있는데 그것을통해 잘 성장할수있는 그런계기가 됐으면 좋겠고 팀원분들도 열심히 자기 성장을 위해 노력을 했으면 좋겠다. 작성된 와이어 프레임 현재 나는 메인페이지를 담당중