TIL 2021.04.15 [구현]

카드 옮기기

드래그앤드랍, 카드 옮기는 거 어떻게 구현할지 코드로 좀 해봤다.
그냥 쉽게 생각해보면, 카드가 옮겨졌을 때 request에 카드의 id(카드 고유번호), from(어디에서 오는건지), to(어디로 가는건지), position(컬럼내의 포지션) 의 정보가 필요하다 생각했다.
데이터가 들어오면 그 데이터들을 업데이트해주는 메서드를 구현한다.
업데이트 할때는 변경되어야할 카드와 그 아래에 있는 카드들,, 예를들어서

TO-DO LIST
1번 카드
2번 카드
3번 카드
...
...
100번 카드

이렇게 있고, 2번과 3번 카드 사이로 카드를 옮긴다고 치면 옮겨진 카드의 포지션이 3이 되고 3번카드의 포지션을 +1하고 그 다음카드의 포지션도 +1하고 쭊쭊쭊 100번카드까지 +1해서 쭉쭉쭊 업데이트시키는 방식이다.
원래는 복잡하지만 완벽한 방법을 사용하고 싶었지만 ㅋㅋ 저렇게하는게 좋을거같다. 내가 직접 ui도 보면서 테스트하고 싶은데, 웹프론트랑 하시는 분들 코드를 좀 볼까?

Https

파이로가 Https에 대해서 짧게 강의해줬다. 기억에 남는건 Https는 http에 보안이 더해진것.

자바스크립트

자바스크립트를 누워서 유튜브로 튜토리얼 한시간 정도 본거같다. 짧은시간이라 기초적인 문법만 배운거 같은데 뭐..아직은 일단은 자바랑 비슷한거 같았다. 자바스크립트는 데이터타입이 var, let, const 이렇게 있는데 var와 let은 자바의 String, int, double 등 관계없이 데이터를 담을 수 있고 배열도 그냥 대괄호만 붙이면 var하나로 해결할수있다. var와 let의 차이점은 스코프이다. var는 전역적으로 사용되고 let은 함수 내에서만 사용된다고 한다. const는 변경할 수 없는 값이라고 한다.