본문 바로가기

분류 전체보기

 (47)
클라이언트와 서버 연결(추가, 수정, 삭제 기능) 원래는 보더, 리스트, 카드의 추가 + 수정 + 삭제 기능들을 구현하는데 완료하였지만 vscode와 서버, 클라이언트, 터미널을 전부 종료한 뒤 다시 start하여 확인해보니 추가 기능은 전부 완료하였지만 리스트와 카드의 수정 및 삭제 기능이 제대로 동작하지 않았다. 문제점은 전에도 말한 중간중간 넘겨주는 props들이었고, 서버에 저장되는 아이디의 형태와 받아오는 아이디의 형태가 다른 점이었다. 서버를 만들 때에 클라이언트에서 넘겨주는 아이디의 형태를 생각하지 않고 만들어서 그런지 형태가 달라 중간중간 어디서 잘못된 것인지 console.log()를 통해 알아보느라 눈 빠지는 줄 알았다.ㅎㅎㅎㅎ 다행히 전부 찾아내어 변경하였고, 기능들이 제대로 동작되는 것까지 확인하였다. 하지만 여전히 제대로 되지 않..
클라이언트와 서버 연결(보드, 리스트, 카드 삭제) 어제 완벽하게 했다고 생각한 추가 기능 중에서 카드를 추가하는 기능이 제대로 되지 않아 오늘 원래 하기로 했던 삭제 기능 중 보드를 삭제하는 기능 밖에 하지 못했다. 이제 전에도 말했었지만 전체 코드를 수정하는 것이 아닌 중간중간 찾으면서 수정해야하는 작업이여서 중간에 조그마한 것이라도 틀리면 제대로 동작하지 않아 몇시간을 잡아먹는다. 카드를 추가하는 기능도 마찬가지로 중간에 조그마한 것 하나 찾느라 시간이 많이 흐른 케이스이다.ㅠㅠ 이제 완벽히 추가하는 기능들은 구현하였고, 우선 급한데로 보드를 삭제하는 기능만 완료해놓은 상태이다.
클라이언와 서버 연결(보드, 리스트, 카드 추가기능) 오늘은 다른 개인적인 일들을 보느라 작업을 조금 늦게 시작하였는데, 그래도 오늘의 목표는 달성하였다. 지금 추가, 삭제, 수정 기능을 연결하는 작업을 하고 있는데 그 중 하나인 보드, 리스트, 카드를 추가하는 기능을 완료하였다. 코드를 크게 고치는 작업이 아니라 자잘자잘 한 것들을 고치면 되는 작업인데 이게 생각보다 시간을 많이 잡아먹었다. id로 되어있는 것을 _id로 바꾼다던가 cardTitle을 cardtitle로 바꾼다던가 이러한 작업인데 중간에 하나라도 빠뜨리면 기능이 제대로 작동하지 않기 때문에 일일히 손수 찾는 수 밖에 없었다. vscode에 전체 찾아주는 기능이 있긴 하지만 이걸로 찾아서 바꾸면 바뀌지 않아야 할 부분까지 바뀌기 때문에 어쩔 수 없었다. 추가하는 기능은 완성하였기 때문에 내..
클라이언트와 서버 연결(GET) 오늘 추가, 삭제, 수정 기능까지 전부 다 할 수 있을거라 생각했지만 결국 데이터를 가져오는 부분에서 막혀 진행하지 못했다. 하지만 유저마다 자기만의 보드를 가져올 수 있도록하고 보드마다 가지고 있는 리스트 목록이 다르기때문에 구별해준 뒤 카드들도 구별해 주는 기능은 완벽히 끝냈다. 유저마다 구별하는 것은 각자 자신의 고유 토큰을 이용하여 디코딩 해준 뒤 받아오는 데이터와 비교하여 토큰을 디코딩한 데이터 속의 이메일과 받아오는 데이터 속의 이메일을 비교하여 맞을 경우 그 보드를 dispatch해주는 방식으로 하였다. 이메일을 비교해준 이유는 애초에 회원가입을 할 때 이름은 동명이인이 있을 수 있어 중복이 될 수 있도록 해놓았지만 이메일은 자신이 만드는 것이기 때문에 똑같은 것을 사용할 수 없도록 해놓았기..
클라이언트와 서버 연결 설날동안 일정에 없던 일이 생겨 작업을 진행하지 못했다. 오늘 점심에 와서 부랴부랴 진행 중인데 지금 서버와 postman을 이용하여 추가, 삭제, 수정 기능들은 전부 확인완료한 상태이고 클라이언트와 서버를 연결 중에 있다. 로그인 후 보드를 가져오고 보드들의 목록을 가져오는 것까진 됬는데 보드 제목을 눌러 리스트들을 가져오는 부분에서 헤매고 있다.(맘이 급해서 막 하다보니....) console.log를 찍어가며 하는 중인데 내 생각으로는 이걸 해결하면 내일까지 완성이 될 듯하다.
서버 api구현 및 완성 오늘 하루종일 서버 api를 구현하고 전체적으로 구성하느라 시간을 다 썼다. 서버 쪽에서 model을 어떻게 할지 routes를 어떻게 설정할 지, 그리고 post, get, delelte, put을 어떻게 활용할지가 제일 관건이었다. 처음이 어려웠지 하다보니 서로서로 비슷하여 금방 할 수 있었다. 로그인, 회원가입, 로그아웃 쪽은 bcrypt를 이용하고 jwt를 이용하여 구성하였고, 보드 + 리스트 + 카드 쪽은 서로 각각 만들어준 뒤 ref와 populate를 이용하여 연결해준 뒤 안쪽까지 들어가는 구조로 만들었다. 솔직히 이렇게 안쪽까지 들어가는 구조로 만드는게 맞는지는 잘 모르겠지만 지금 클라이언트 쪽 구성해놓은 코드들이 map에 map을 걸쳐 안쪽까지 들어가는 구조로 만들어놓은 상태라서 어쩔 수..

티스토리툴바