[1단계 - todo list] 마갸(정찬영) 미션 제출합니다.

[MyaGya]

자바 스크립트를 처음 만져봐서 어려움이 조금 있었어요.
다른 언어들과는 다르게 사용자의 "움직임" 을 기반으로 코드를 생성해낸다는 것 자체가 생소한 경험이었지만 새로운 시각으로 코드를 볼 수 있게 된 것 같아요.

서론

기본적인 패턴이나 패러다임(MVC 와 같은) 을 사용하여 코드를 만들려고 했는데 제대로 진행이 되지 않아 그냥 한 파일에 몰아 넣어버렸어요... JS 기본 문법이나 동작 순서도 제대로 모르는데 실행 흐름에 따라서 파일을 구분하고 넘겨주고 이런 개념을 한번에 도입하기가 어려워서 차근차근 하기로 했습니다.

의문점

1. 사용자의 동작을 얼마나 참조해야 하는가?
   우선 module 방법으로 코드를 짜는 방식은 아직 시기상조라고 생각해서 단순한 JS 문법에서의 질문입니다.
   사용자의 입력이 들어오는 순간 그 입력을 분석하여 적절한 위치로 옮겨주는 기능을 어떻게 구현하는게 가장 깔끔한 방법일까요?
   
   지금은 이처럼 모든 활동 중 클릭인지 확인 -> 클릭중에서도 클릭한 내용이 A인지 확인, B인지 확인... 이런 식으로 진행되다 보니 엄청 비효율적이라고 생각합니다. 이 문제를 해결하려면 모듈을 사용해야할까요?
   당장은 문제없어보이지만 클릭과 관련된 함수가 100개가 넘어갈 경우 첫번쨰 분기에서 이벤트 성공 -> 계속해서 2~ 100번째 함수를 모두 확인 과 같은 의미없는 동작이 되어야 할 것 같아요.

숫자를 좀 더 깔끔하게 세는 방법

index 파일을 수정하지 않고 코드를 짜고 있었는데

이처럼 고정된 값을 가져와서 총 아이템 갯수를 세주려고 했어요,
그런데 이런 방법대로 하니까 수정이나 입력, 어떠한 동작에도 무조건 해당 위치를 확인해야 해서립트를 처음 만져봐서 어려움이 조금 있었어요.
다른 언어들과는 다르게 사용자의 "움직임" 을 기반으로 코드를 생성해낸다는 것 자체가 생소한 경험이었지만 새로운 시각으로 코드를 볼 수 있게 된 것 같아요.

서론

기본적인 패턴이나 패러다임(MVC 와 같은) 을 사용하여 코드를 만들려고 했는데 제대로 진행이 되지 않아 그냥 한 파일에 몰아 넣어버렸어요... JS 기본 문법이나 동작 순서도 제대로 모르는데 실행 흐름에 따라서 파일을 구분하고 넘겨주고 이런 개념을 한번에 도입하기가 어려워서 차근차근 하기로 했습니다.

의문점

1. 사용자의 동작을 얼마나 참조해야 하는가?
   우선 module 방법으로 코드를 짜는 방식은 아직 시기상조라고 생각해서 단순한 JS 문법에서의 질문입니다.
   사용자의 입력이 들어오는 순간 그 입력을 분석하여 적절한 위치로 옮겨주는 기능을 어떻게 구현하는게 가장 깔끔한 방법일까요?
   
   지금은 이처럼 모든 활동 중 클릭인지 확인 -> 클릭중에서도 클릭한 내용이 A인지 확인, B인지 확인... 이런 식으로 진행되다 보니 엄청 비효율적이라고 생각합니다. 이 문제를 해결하려면 모듈을 사용해야할까요?
   당장은 문제없어보이지만 클릭과 관련된 함수가 100개가 넘어갈 경우 첫번쨰 분기에서 이벤트 성공 -> 계속해서 2~ 100번째 함수를 모두 확인 과 같은 의미없는 동작이 되어야 할 것 같아요.

숫자를 좀 더 깔끔하게 세는 방법

index 파일을 수정하지 않고 코드를 짜고 있었는데

이처럼 고정된 값을 가져와서 총 아이템 갯수를 세주려고 했어요,
그런데 이런 방법대로 하니까 수정이나 입력, 어떠한 동작에도 무조건 해당 위치를 확인해야 해서

관련된 값을 엄청나게 많이 조회하더라구요. 당연히 기능적 문제가 생길 텐데 좀 더 좋은 방법이 없을까요? 현재 고민한 방법은
index.html 파일을 수정하여 해당 위치를 HTML 값으로 남겨두는게 아닌 js 값을 조회하도록 하는 방법입니다.

리스트를 스마트하게 참조하는 방법

해야할 일, 완료할 일 탭을 누를 경우 URL 이 변경되던데 해당 변경 사항에 따라서 값들을 새롭게 고쳐서 가져와야할까요?
현재는

이런식으로 체크하더라도 모든 값중, 체크되지 않은 값만 보여주는 형태로 구현 할 수 밖에 없었어요.

그런데 데모 페이지를 보니

이런식으로 해당되는 값만 조회 해서 가져온다는 느낌을 받았어요.
유추해보자면

1. false타입인건 가져오지 않는다거나
2. URL 이 변경되면서 HTML을 아예 새로 가져온다거나
3. DB에서 관련된 내용만 조회한다거나
   여러 방법을 생각해봤지만 확신 할 수 없어서 질문드립니다.

전체적으로 코드가 정리되지 않은 느낌을 많이 받았어요. JS 를 사용하는 정석적인 방법을 모르는 상태에서 코드를 짜다보니 당장 어느 값을 어떻게 가져와야 할지, 태그를 추가해줘서 조회하거나 상태를 표현해 주는게 맞는 방법인지와 관련해서 특히 어려웠던 것 같습니다.