삽질

오늘부터 시간날 때 삽질한 기록을 남기려고 한다.오늘도 엄청난 삽질의 연속이였다. 요즈음 부산IT연합동아리 DND활동을 하고 있다. 이번주가 8주차라 거의 끝나는 시기이다. 그래서 빨리 개발을 끝내야하는데 여기저기서 막혔다.Next.js에서 styled-componen

오늘도 DND 프로젝트를 이어서 했다. 오늘은 로그인 구현 및 메인페이지 정보들 불러오는 작업을 하였다. 우리 로그인은 jwt를 이용하여 하는데 지금 하는 방식이 좀 좋지 않은 방식이라는 생각이 들었다. 지금 React + spring boot로 이루어져있는데 클라이언

22일부터 23일까지의 삽질 및 생각을 적어본다DND 프로젝트 남은 기한이 1주일지 2주일지 잘 모르겠지만 최대한 열심히 해보려고 한다.현재 코로나 바이러스 때문에 밖에도 안 나가고 코딩 놀기 코딩 놀기만 반복중이다...흑흑ㅠㅠ주말동안 엄청 많은 작업은 하지 않았고 많

계속해서 프로젝트 작업 중이다. 뭔가 진도가 잘 안 나가는 느낌이다. 오늘 서버에 새로 백엔드를 업데이트 해줬으니 내일부터는 또 해야할 일을 찾아서 열심히 해봐야겠다.게시글들을 페이지네이션 해서 가지고 오려고 했는데 나는 그냥 백엔드에서 전체 게시글을 가지고 와서 프론

어제 백엔드 배포가 잘 되어서 그거 가지고 프론트 개발을 더 진행해보려고 했는데 잘 된게 아니었다...! 그래서 오후에는 작업을 거의 하지 못 하고 저녁 ~ 밤쯤에 조금 작업 했다.오늘 해본 거는 크게 2가지이다.styled-components를 써서 작업한 파일을 \

일단 어제 밤에 안 되던 getInitialProps의 문제를 고쳤다!!프론트서버쪽에선 실행이 안 되던게 아니었다!처음 서버쪽에서 실행될 땐 redux-devtools에 잡히지 않았다. 그래서 내가 실행이 안 되는 줄 알고 있었다. console.log를 찍어보니깐 서

WebSocket 했던 것을 한번 더 복습했다. MDN의 WebSocket 내용을 한번 쭉 읽었다. WebSocket(URL, protocol) 이렇게 만든다고 되어있었다. URL 부분은 필수고 protocol은 option 이었다. 읽어보았을 때 protocol을 다

DND 프로젝트가 3월 5일까지 결과물을 제출해야 하기 때문에 점점 급하다. 뭔가 다한거 같았는데도 너무 욕심이 많았는지 할게 또 생긴다. 아니 찾아진다..? 라고하는게 맞을려나그래서 채팅은 프론트쪽이나 백엔드 쪽이나 할게 너무 많을거 같고 오래걸릴거 같아서 일단 포기

3월 5일까지 프로젝트를 끝내야 하기 때문에 바쁘다. 그런데 볼 때마다 아 이것도 추가해야 될 것 같은데? 저것도 추가해야될 것 같은데? 같은 생각이 든다. 이게 다 처음에 너무 구조를 허술하게 짜서 그런가보다. 어쩔 수 없다. 이미 이렇게 된거 최대한 열심히 해야지.

DND 프로젝트가 발표가 얼마 안 남았기 때문에 Next.js로 만든 프로젝트를 배포했다.처음에는 github page나 Netlify에 배포를 하려고 했는데 두개다 정적 페이지를 배포하는 곳이라고 했다. velog 글들을 읽어보니 Next.js로 만든 동적인 페이지가

3월 5일부터 6일까지는 계속 여러가지 테스트를 하고 발표 PPT를 만들었다. 테스트는 신기하게도 해도해도 새로운 오류가 보였다. 아직 초보 개발자라 그런가보다. 테스트 코드도 짜지 않았고... 이래서 테스트 코드를 짜야하나 보다 느꼈다.그 외에 계속 UI 적인 부분이

사용자의 입력을 받아 차트를 그릴 수 있게 하고 차트를 이미지로 다운 받을 수 있게 하는 사이드 프로젝트를 진행 중입니다.TypeScript, React, styled-components, react-router, chart.js를 사용하여 진행 중 입니다.3일전부터

오늘 webpack-dev-server를 실행하다가 에러가 났다. 예전엔 분명히 를 실행하면 됐는데 지금은 에러가 난다.왜 이런 것일까 여기저기를 찾아봐도 웹팩 공식 문서를 봐도 바뀐게 없다.그래서 git issue를 찾아보았다. 몇몇 사람들이 나와 같은 에러를 겪었고

원래 이렇게 corejs 관련 설정을 했다.그러자 이런 에러가 나며 잘 되지 않았다.export 'default' (imported as 'React') was not found in 'react'그래서 원래 하던대로 해주니깐 에러가 나지 않았다. 그런데 이렇게 하니

나는 parent element는 그대로 있고, child element가 parent element로부터 떨어지기를 원했다. 그런데 child element가 margin-top을 줬는데 child가 떨어지는 것이 아닌 parent element가 먹는 것이었다.이거

우리 팀은 리액트로 크롬 익스텐션을 만드는 작업을 하고 있다. 크롬 익스텐션을 popup 형태 말고 진짜 안에 넣기 위해선 iframe 형태로 새로운 html로 만들어서 넣어주어야했다. 그래서 찾은 라이브러리가 react-frame-component이다.react-fr

Error: Entity metadata for Star오늘 처음 TypeORM을 하는 도중에 다음과 같은 에러가 났다. 왜나는가 계속 찾아보다 이슈를 통해 해결했다.관련 이슈ormconfig.json로 바꾸어 해결했다. eintities에 .ts로 되어 있을 때는 에

https 배포를 한다고 Nginx 설정 이후 로컬에서 MySQL에 접속이 안 됐다. 별의 별 방법을 다 찾아봐도 안 됐었고... 도저히 못 찾겠어서 부스트캠프 슬랙에 물어봤다.한 캠퍼분이 답변 달아 준 것에 ufw 설정을 하셨냐고 답변을 해주셔서 해보니깐 바로 되었다

웹팩으로 IE를 지원 하기 위해서 babel을 사용하고 core-js도 설정을 해주었다. 그 설정은 다음과 같았다.babel.config.jswebpack.config.js다음과 같이 설정을 해뒀는데 build를 해도 계속 화살표 함수가 바뀌지 않는 것이었다. babe

웹팩5를 쓰면서 잘 되던 HMR이 갑자기 동작을 안 한다. 너무 불편하다 하나를 바꿀 때마다 새로고침을 해주어야 한다.왜 그럴까... 찾아보니 target에 es5 를 추가 하면 안 된다고 하는 것 같다...아까 IE를 지원 하기 위해서 target: 'web'인 것을

react-testing-library 와 jest를 사용해서 react-hooks를 test 해보았다. 생각 보다 막히는 곳이 많았다.

백엔드쪽 nginx에 파일 용량을 제한하는 설정을 추가하였다. client_max_body_size 200M 이런식으로 추가를 한 것이다.그러자 axios error의 response가 나오지 않기 시작하였다. 원래 제대로 error 정보가 내려오면 error.resp

간단한 마크다운을 사용해야할 일이 있었다.여러 개를 찾아본 끝에 @uiw/react-md-editor 를 사용하기로 하였다.사용법은 간단해서 금방 사용할 수 있었는데, xss 공격 등을 막기 위해 html sanitize를 할 필요가 있었다.sanitize란 소독이라는

Nextjs 로 만든 서비스를 k8s를 사용하여 잘 배포하고 있었다. k8s는 replica 3 으로 세팅하여 pod 3개를 사용하고 있었고 재배포를 하면 RollingUpdate 방식으로 pod 이 25% 씩 꺼지고 생성 되도록 되어있었다.그런데 어느 순간부터 재배포

개발을 다하고 배포가 나간지 한참된 스펙에 갑자기 버그가 있다고 문의가 들어왔다.영어로 i18n 번역이 되도록 해놓고, google translate로 한국어로 번역을 누르고 나면 다음과 같은 에러가 나면서 화면이 에러바운더리의 화면으로 바뀌는 것이다.처음에는 어떤 문