본문 바로가기

이모저모

 (189)
항해 99 일지(49) - WIL07 WIL (Weekly I Learned) 이번주는 미니 프로젝트 과정 1주차로, 팀원들과 프로젝트 주제를 정하고 중간점검까지 목표로한 기능을 구현하였다. 이번주에 내가 배운것 useEffect useEffect가 클래스형 컴포넌트의 componentDidMount와 다르다는 것을 알게 되었다. 적절하게 사용하기 위한 방법을 알게 되었다. 좀 더 깊게 공부하고 싶다. styled-components 프로젝트 전반에 사용할 스타일을 선언해 놓고 가져다 사용하는 방법을 배울 수 있었다. 팝업 구현 이전에 사용한 팝업 기능을 다른 방식으로 구현해 보았다. 웹소켓 웹소켓의 기초적인 이론을 배웠다. 채팅 기능 구현 웹소켓 기술을 웹 사이트에 적용 sockjs, stompjs 패키지를 사용해서 웹 소켓 기능을 구현 ..
항해 99 일지(48) 오늘은 웹소켓 코드를 정리하였다. 그 이후에는 채팅 페이지의 컴포넌트들의 스타일을 정비하고 프레임을 조정하였다. 백엔드 분들이 프로필 사진 연동 API를 만들게 되면, 연이어 작업하기 위해서 프로필 사진 적용 초안을 적용해 놓았다. 알고리즘 문제를 지난 교육 과정 이후로 하지 못했는데 오늘부터 차근차근 풀어나갈려고 한다. 오랜만에 파이썬 문법을 쓰려니 굉장히 어색하다 ^^;;; 프로그래머스의 레벨 1부터 풀어보고 있는데 이거.. 내가 전에 쉽게 통과한 단계 맞나 싶다 ㅠㅠ
항해 99 일지(47) 오늘은 중간 점검일. 중간점검 까지 만들기로한 기능들을 다 구현하고 피드백을 받았다. 스프링부트와 리액트로 웹 소켓을 구현하는 것이 쉬운일이 아니라고 하셨고 칭찬받았다! 그리고 나는 채팅을 반복 입력시 발생하는 The connection has not been established yet 오류를 해결하려 노력했다. async 까지 동원해 봤지만 해결되지 않았고 오류 메시지를 출력하는 코드를 뜯어봤는데, 웹소켓 객체의 프로퍼티의 문제인 것을 알게 되었다.(WIL이나 프로젝트 코드리뷰에 쓸 예정) 그 결과 문제를 해결해 낼 수 있었다!!!(지금까지는 문제가 일어나지 않는다^^...)
항해 99 일지(46) 모든 것은 새벽에 이루어진다... 새벽 1~2시에 웹소켓 관련해서 굉장한 진전이 있었다! 컴포넌트의 대대적인 재구성 후, 웹 소켓을 적용하였는데 잘 되었다.(스마트한 방법은 아니다.) 아침에는 구독, 구독취소, 연결취소 문제를 찾아내서 오후에 해결해낼 수 있었고 그 이후는 매우 빠르게 작업이 진전되었다. DB로부터 채팅 데이터를 받아오는 것은 웹소켓을 다루고다니 정말 아무것도 아니다.... 계획했던 기능들이 완성되어가고 윤곽이 또렷해지니 기분이 매우 좋다!!
항해 99 일지(45) 새벽 2시에 웹 소켓 연결은 되었으나 그 이후로 진전이 없었다. 여러 문제들이 상재하고 해결하고를 반복... 튜터님의 멘토링도 있었지만 아직 해결 중이다.. send 메소드가 안 되는 것이 문제인데... 슬랙에도 올려보고 답을 여기저기 찾아보는 중이다!
항해 99 일지(44) 4월 14일 일자가 누락되어 지금 게시합니다. 웹소켓 정말 어려운 것 같다... 백엔드 팀원 님들이랑 머리 싸매면서 코딩하는 중이다. 스택 오버플로우에도 구글에도 답이 없다 ㅠㅠ 꼭 구현해내고 말테다!
항해 99 일지(43) 미니프로젝트를 본격적으로 진행 styled-components에 익숙해지고 싶다!! 오늘은 로그인, 회원가입을 끝내고 내가 채팅방 CRUD를 맡기로 했다. 지금은 모달창과 싸우는 중..
인터뷰 정리 - 리액트와 백엔드의 협업에 대한 조언 리액트와 백엔드와 협업시 어떻게 진행하는지에 대한 조언을 정리했습니다. 프론트 엔드와 백엔드의 Repositroy를 각각 만들고 진행할 예정인데 본인은 어떻게 하는지? 나는 하나의 레포에 진행하고 있는데, 나누어서 진행하는 방식도 매우 좋은 것 같다. (나누는 것을 생각해보지 못했다.) 조언해주신대로 두 개로 나누어서 진행하는게 좋을 것 같다. moc API 만들어서 진행하는지 당연히 필수다. 백엔드와 소통해서 어떤 데이터를 주고받을 지 정하고 그걸 토대로 moc API를 만들어놓고 진행하고 있다. 꼭 반드시! 서로 틀리지 않게 맞추는 것이 포인트. 로그인은 주로 어떤 방식으로 하는지 JWT를 주로 사용한다. 그냥 그거 써라. 서버와 처음 통신해보는데 어떻게 해야할지 막막하다. 조언좀 REST API 아..

티스토리툴바