TIL 196

[TIL] 0411

1. 회사 프로젝트가 안정화 되어가면서 새로운 기술을 쓸 일이 거의 없어졌다. 이전에 만들었던 페이지 포맷을 그대로 가져가서 api만 바꾸면 되는 일이 잦아졌다. 그래서 새로운 공부를 하기에 적합한 날들이다. 2. 사이드 어제는 사이드 프로젝트 아이디어를 도출했다. 팀을 한 기간이 길어지다 보니 회의를 효율적으로 빨리 끝내는 방법을 터득해가고 있다. 1시간도 안되는 시간동안 많은 이야기를 나누고 다들 마음에 들어하는 아이디어를 골랐다. 기능도 많지 않고 아이디어도 괜찮은 재밌는 서비스가 될 것 같다. 이번 주 목요일까지 와이어프레임을 생각하기로 했으니까 오늘 한번 생각해봐야겠다. 피그마를 열자마자 아이디어가 막 샘솟았다. 3. 공부 인프런에서 보니 운영체제와 자바스크립트 무료 강의가 있었다. 없는게 없다..

TIL 2022.04.11

[TIL] 0403 새로운 계획

[앞으로의 계획] - 운영체제 , cs지식을 좀 알고 싶다는 생각이 들었다. 그런 생각이 든 건 처음이다. 디자인이랑 인터렉션에 더욱 관심이 갔었는데... 지금은 뭔가 깊이 없이 겉에서만 깔짝대고 있는 느낌이 들었다. 공부를 시작해야지 - 그래도 여전히 ui/ux에 대한 호기심이 있다. 개발을 하면서도 시각적인 감각을 더 키우고 싶기도 하고. 디자인에 대해서 공부해봐야겠다. - 자바스크립트를 아주 뿌셔먹어주겠다. 자바스크립트에 대해 아주 깊이있게 공부하기.

TIL 2022.04.05

[TIL] 0402 react refresh token/ date-fns / 시간 간의 차이 구하기 moment

1. react refresh token https://slog.website/post/10 React 토큰 자동 갱신 (refreshToken) 오늘은 React 에서 refreshToken으로 accessToken을 자동으로 갱신 해주는 방법에 대하여 알아보도록 하겠습니다. slog.website 이번 코드에서는 아래와 같이 처리했다. 에러가 났을 때 그 에러가 access token인지 refresh token에러인지에 따라서 access token에러이면 새로운 url에 post를 보내서 내려온 response 로 localstorage에 있는 값을 변경 해주었고, refresh token에러이면 아예 삭제하고 로그인 페이지로 리다이렉트 시켰는데 이렇게 하는 게 맞는 것인지 모르겠음! 회사에서는 ..

TIL 2022.04.05

[TIL] 0401 역사적인 날

오늘은 좀 역사적인 날이다. 모든 날이 역사적이겠지만, 그 동안 마음 속 한구석에 찝찝하게 남아있던 ... (어휘력 부족) 아무튼 글쓰기를 그동안 해야지 해야지 하고 있었는데 친구가 마침 한달 글쓰기 프로젝트가 있는데 같이 하겠냐고 했다. 그건 생각해보다가 놓쳤지만 개인적으로 친구랑 인증하기를 시작하면서 네이버에 글을 쓰기 시작했다! 시작하고 나니 별거 아니네 😃 사실 이 글을 쓰고 있는건 4월 8일 금요일인데 수요일도 역사적인 날이다. 드디어 달리기와 16:8 간헐적 단식을 시작했다. 몸이 가벼워지고 아침이 상쾌해지는 기분! 눈뜨면 다시 자거나 계속 누워있었는데 이제는 누워있기 싫다. 그리고 티스토리 블로그 방문자 수가 900명이 넘었다! 기억 날 때 가끔 들어가보는데 방문자 수가 이렇게 높아졌다니 내..

TIL 2022.04.01

[TIL] 0330 div아래에서부터 쌓기/ 리액트 무한스크롤/ 날짜별로 메세지 묶기/ 스크롤 맨 밑으로 내리기

1. div 아래에서 부터 쌓기 채팅을 하는데 가장 최근의 채팅이 아래에 있어야하고 그러니까 위에서부터 순서대로 쌓이는게 아니라 밑에서 부터 순서대로 쌓여야하는 것이다. export const MessageField = styled.div` padding: 15px 24px; overflow-y: auto; position: relative; height: 500px; box-sizing: border-box; `; export const MessageFieldInner = styled.div` position: absolute; bottom: 0; left: 0; width: 100%; padding: 24px; box-sizing: border-box; height: 500px; `; 밑에서 부터 쌓..

TIL 2022.04.01

[TIL] 0329 소켓 연결이 계속 늘어나는 문제

1. 소켓 연결이 1개씩 늘어나는 문제 소켓 연결이 있는 페이지에 새로 고침 없이 나갔다가 다시 들어가면 1개만 연결됐다가 2개 연결됐다가 3개 연결됐다가 한개씩 늘어남 useEffect(() => { dispatch(MyPageService.getOneChatRoomContents(chatroodId)); console.log("connect"); StompClient.connect( {}, function (frame) { StompClient.subscribe( `/sub/chat/room/${chatroodId}`, function (message) { var recv = JSON.parse(message.body); recvMessage(recv); } ); }, function (error) ..

TIL 2022.04.01

[TIL] 0328 ag grid 기본 옵션들 설명

1. ag grid 기본 옵션들 ✏︎ columnGroupShow: 'closed' - open이면 화살표가 생기면서 옆으로 늘어날 때 오픈되고 closed면 closed되었을때 노출됨 ✏︎ resizable: true, - 컬럼 사이즈를 조정할 수 있는지 없는지 ✏︎ editable: false, - 셀을 수정할 수 있는지 ✏︎ sortable: true, - 컬럼 자체에서 소팅가능한지 ✏︎ enableRowGroup: true, - 로우 그룹을 지정할 수 있는지 ✏︎ enablePivot: true, - 피봇 기능 가능한지 ✏︎ enableValue: true, - 컬럼에 function을 지정해서 값을 보여줄 수 있는지 ✏︎ floatingFilter: true, - 컬럼 헤더 바로밑에 필터가 있는..

TIL 2022.04.01

[TIL] 0326 소켓 + stomp로 리액트 채팅 구현 참고 자료

1. 웹소켓 + stomp를 이용하여 react 채팅 구현 https://dodop-blog.tistory.com/227 WebSocket 사용해서 react와 함께 채팅구현하기 (Stomp사용하기) nodejs에서 socketio를 이용해서 클라이언트와 서버의 채팅을 구현한다면, spring에는 stompjs가 존재한다. STOMP stomp는 websocket와 같이 양방향(클라이언트-서버)네트워크 프로토콜로 HTTP에서 모델링되는 dodop-blog.tistory.com https://dev-gorany.tistory.com/235 [Spring Boot] WebSocket과 채팅 (3) - STOMP [Spring Boot] WebSocket과 채팅 (2) - SockJS [Spring Boot]..

TIL 2022.04.01