막힘

작정하고 장고 41강의 Project에 article을 MultipleObjectMixin을 통해서 보여주게 하는 과정에서 보여주는 것까진 했는데 리스트가 이상하게 나왔다.매직그리드가 이상하게 일해서 가운데로 정렬이 안 되고 오른쪽으로 쏠린 것 같은데 뭐가 문제인지 도

여기에 문제 목록들을 클릭하면 지금은 "/editor" 페이지로 넘어가는데 url에 각 문제의 id를 포함시켜주고 싶었다. 그래야 나중에 DB에 연결했을 때 서로 다른 문제 화면이 나오게 할 수 있을 것 같았다.그래서 클릭 시에 id를 포함한 url로 가게 하고 app

알고리즘 수정 페이지 만들다가 "Too many re-renders" 에러가 났다. 문제 배열을 redux에 가져온 뒤에 url에 파라미터로 넘어온 id값을 기준으로 배열에서 filter 메서드를 통해 해당 문제를 걸러내는 방식을 사용했다.그러고나서 state의 초기화

WebIDE 개발 팀프로젝트 중에 채팅 기능이 필요해서 도입하기로 했다. 백엔드 담당자님이 Stomp와 SockJS를 활용해서 서버를 만들어 주셨고, 나는 사용자가 입력할 수 있는 UI를 개발했다. 각자 맡은 파트를 완성하고 합쳐야하는데 잘 안 된다. 기존의 대부분 글

이렇게 생긴 문제 수정하는 페이지에서 문제의 레벨이 원래 있던 문제의 레벨로 초기화가 되지 않는 문제가 있었다. useState로 레벨을 초기화하고, useEffect로 문제 목록을 받아온 다음 파라미터에 있는 id로 해당하는 문제를 뽑아줬다. 그 후에 useEffec

Axios로 받아온 배열을 렌더링 해야하는 일이 있었는데이런 에러가 나면서 화면에 아무것도 보이지 않게 됐다.오늘 코드 합치고 배포했을 때도 알고리즘 목록 보여주는 칸에서 이런 문제가 있었는데 비슷하게 해결할 수 있을 것 같다.다른 팀원분이 배포문제는 해결해주셨는데 렌

Udemy react native 강의를 들으면서 FlatList를 사용하는 파트가 나와서 코드를 따라 치고 있었다. 이번 프로젝트에서 react native와 타입스크립트, 그리고 nativewind를 사용할 예정이어서 강의와는 조금 다르게 입력하고 있었는데이 부분에

Harulog 프로젝트르 하면서 이렇게 핀터레스트 느낌 나게하기 위해서 이미지 높이에 따라서 알아서 그려주는 magic-grid를 사용했다. react 버전은 16버전을 기준으로 해서 --force 옵션으로 설치해주는 등 사소한 문제가 있긴 했지만 잘 작동하는 줄 알았

커머스 프로젝트를 진행하면서 장바구니 기능을 개발하는 중 장바구니의 특정 상품만 체크해서 결제하는 기능을 넣게 되었다. 귀찮으니 그냥 전체 결제만 하게 해버릴까 하다가 보통 쇼핑몰들이 이런 방식을 사용하고 있어서 따라가기로 하였다. 결제 대상이 되는 상품의 정보를 장바

커머스 프로젝트를 진행하면서 구현을 끝낸 시점 리팩토링을 시작했다. 가장 먼저 손봐야겠다고 생각한 곳은 라우터였는데 사진과 같았다. 권한 구분도 안 되어 있었고 보기에도 어렵고 그래서 권한에 따라 라우터 구분하는 김에 라우터도 이쁘게 만들어봐야겠다 결심했다.보통 권한구

블러썸 프로젝트를 진행하면서 관리자 로그인과 관련하여 퍼널 패턴을 도입하였다. 관리자라는 상태를 전역상태 관리도구는 사용하지 않고 로그인 페이지와 관리자 페이지에서 사용하기 위해서 퍼널패턴을 도입했다. 최초에는 보통의 퍼널패턴이 그러하듯 role이라는 상태를 퍼널 페이