반응형
반응형
저번주까지 리액트 나가기전 자바스크립트 심화부분을 학습했는데 아직 딥다이브 책을 다 보진 않았기에 다음주에도또한 오전에는 자스심화를 학습하고 오후에 리액트를 학습하는 방향으로 목표를세웠다. 또한 프로젝트를 진행하면서 웹퍼블리싱 능력과 , 평소 관심있던 디자인에대해서 학습을하고싶어서 주말간에 uiux 디자인과 전반적인 웹디자인 강의를 들으려한다 나중에 이부분은 정리를한번 해서 블로그에 올려야겠다. 학습 이외에도 코로나걸린 이후로 운동을 한동안 놓고있었는데 다시 천천히 시작하고있고 확실히 코로나휴우증 문제인가 오랬동안안해서 그런지 옛날만큼 집중도못하고 운동시간도 짧아 부스터를 사용해야겠다 ㅎ.. 머슬메모리를 믿고 보름정도만 꾸준히하면 옛날처럼 자리잡을것같다. 건강한 몸에 건강한 정신이 깃든다는 말또한 믿고있..
프로젝트를 끝냈다. 첫날을 생각해보면 얻어가는게 많을거같은 프로젝트 여서 기대를많이했다. 하지만 팀원들의 중도하차와 남은분중 코로나확진에 예비군까지 예상치못한일들에 작업속도는 많이 느려졌고, 커버하느라 지치고 스트레스도 많이 받았던 프로젝트였던것같다. 이런 부정적인면도 있지만 협업하게되면서 얻게되는점도 분명히있었던 프로젝트였다. 프로젝트를 하면서 느꼈던점들을 나열해보자면 프로젝트 처음 진행시 팀원들과 지킬 코드양식 과 개발을해야되는 기능부분을 상당히 디테일하게 틀을 잡고가야된다는점 작성했던 코드의 이해는 전체적으로 팀원분들과 공유해야된다는점. 예측하지못한 일들에대해 대책을 빠르게 수립해야되는점 코드재사용성, 클린코드의 중요성.. 정도있었던것같다. 처음 설계부분은 우리도 대충잡고 한건아니였지만 진행하다보니..
작업하던도중 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