project 2. 1 Bite A Bit 수정 기능 추가하기

 

 

동영상을 따오는 건 시도했는데 도무지 안되서 당장 다음주가 발표기 때문에 수정기능을 추가하기로 했다.

 

1. 글을 등록할때 애초에 새로운 창 혹은 팝업창으로 했던게 아니기 때문에 (토글키 처럼 아래 사진 Write a memo 키를 눌러서 폼이 나오면 적어 서버로 보내주는 방식)

2. 수정할 때 카드 자체에 수정할 수 있는 폼을 다시 만들어야 하는지, 아니면 새로운 창을 띄워야 하는지 고민하던 찰나

3. 'Modal' 기능을 발견. 

4. 어떤 기능을 사용해서 수정할 지 정했으니 폰트어썸에가서 아이콘을 줍줍

 

 

 

 

 

이 모달창 띄우는데 애를 얼마나 먹었는지... ㅡ_ㅡ...  (bootstrap 기본 코드 중에 놓친 코드가 있어 작동 안하고있었음ㅋㅋㅋㅋㅋㅋㅋㅋ)

창을 띄웠으니

큰 시작 고민은

1. english phrase 를 수정하게 되면 같이 걸린 동영상 url + gif 이미지가 흔들리게 됨

2. 또 디비에 오리지널 컬럼을 찾아 업데이트를 진행해줘야되는데 셋 다 바뀔시에 오리지널 칼럼을 어떻게 찾을것인가...

3. 셋 다 바꾸게 되면 새로 등록하는게 낫지 않겠나.. 라는 생각

 

 

 

 

그래서 영어표현은 수정하지 않는걸로 결정 이렇게 되니

 

1. 서버에서 디비 오리지널 칼럼을 찾는건 "영어표현"

2. 헷갈리지 않도록 플레이스 홀더로 기존표현을 알려주기.

3. 2번에 추가로 둘 다 수정이 필요하지 않고 한국어표현만 수정하거나 메모를 추가하거나 등 '한 개의 영역'만 고칠 수 있도록 따로 사용자가 적지않으면 플레이스홀더의 내용(기존에 등록되있던 내용)으로 서버로 보내주기

3. 서버에서 디비 업데이트 해주기

4. 업데이트 된 내용 받아와서 다시 클라이언트에 뿌려주기

로 될 것 같다.

 

 

1번 이야 기존에 구현해놓은 코드가 있으니 그걸 이용하면 되고 , 2번까지 한 후

지금 3번작업 하고있는데 정말 쉽지않다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 

거의 지금 뒤집어 엎는 수준인 느낌적인 느낌

 

오늘도 아이콘으로 클릭해서 생긴 그 기능 하나에 감사함을 느끼며... 다시 코드짜러 가야지...