자바스크립트에서 상태 값들에 대해 관리 및 처리

Question

안녕하세요. 웹 개발은 서투른 닷넷 개발자입니다. 현재 웹 개발을 하고 있는데, 같은 창을 상태 값에 따라서 관리를 하려고 하는데 예를 들어 추가일 경우 Add란 상태값, 수정일 경우 Modify란 상태 값들로 팝업을 열고 닫고 하고 있습니다.이런 방법들이 잘못된 것인지 궁금합니다. 아니면 보통 이렇게 사용하는지.. 보안적으로 조금 걱정이 되네요. 글 읽어주신분들 감사합니다.

초코쪼꼬 · Accepted Answer

&#64;jq#net 음.. 우선 각 단어에 의미가 서로 말하는데 잘 전달이 안된 부분이 있는거 같네요.. 1번은 대충 제가 이해하고 넘어가겠습니다.2번의 경우는 API 호출이라는게 back-end를 호출하는 부분을 말씀하시는거 라고 이해하고 설명을 할게요. 저 설명에 적힌대로라면 ajax를 태우는데 특정 id값(ex : 게시글의 sequence 등..!?) 을 임의 대로 지정해서 back단으로 ajax를 태울때 어떻게 막을것인지에 대해서 말씀하시는걸로 이해하겠습니다. 우선 제가 겪어본 방식대로라면 1. 공통 기능의 경우 난독화처리(feat. minimize)를 하여 하나의 js로 구현 후 일반 사용자가 쉽게 사용하지 못하도록 하게끔 1차적으로 처리를 할거 같네요.2. 추가로 id값을 sequence로 처리하는 부분을 암호화 키값으로 처리를 하는 방식으로 가는건 어떨까 싶네요. 암호화키값의 경우 복호화를 아는 사용자가 아니라면 쉽사리 위변조를 할수 없겠지요?( 일반적으로는 위의경우 id/pw를 check할때 암호화처리 하는방식에서 처리를 합니다. ) 저도.. 생각보다 front단에서만 할 수 있는걸 많이 경험해보진 않았네요... 설명이 부족한 부분이 있으면 답변 부탁드립니다.

초코쪼꼬 · Answer

&#34;예를 들어 추가일 경우 Add란 상태값, 수정일 경우 Modify란 상태 값들로 팝업을 열고 닫고 하고 있습니다.이런 방법들이 잘못된 것인지 궁금합니다. 아니면 보통 이렇게 사용하는지.. 보안적으로 조금 걱정이 되네요. &#34; 보안적으로 어떤부분이 걱정인지도 알 수 있을까요?

jq#net · Answer

답변 감사합니다. 예를 들어 디버깅 모드로 Modify로 상태 값을 바꿔서 들어올 경우를 예로 들수 있습니다

초코쪼꼬 · Answer

일반적으로 add 상태라는건 아무것도 없을때 새로 insert 하는 개념일테고modify는 기작업된 내용들을 수정하는 update 개념이겠죠. update 를 한다는건 무언가 값이 있었을때 불러와야 하는데 이부분을 try/catch 하면 되지 않을까 싶네요. add인 상태로 넘어가야 하는데 modify상태값으로 변경했다면 불러올 값이 있는지 체크를 하고 없다면 막아버리면 되지 않을까 싶네요. 제가 잘못이해한 부분이 있으면 말씀해주세요.

jq#net · Answer

넹 답변 감사합니다 그 중에서 삭제 기능을 좀 더 자세히 예를 들자면,삭제의 경우 스크립트 단에서 데이터에 대한 조건을 보고 삭제 API를 호출하지만, 디버깅 모드로 특정 라인으로 이동 후 삭제 API 호출을 하게 된다면 데이터는 있지만, 조건은 확인하지 않고 삭제하게 되는 경우도 발생할 수 있을거같은데 이는 어떻게 보통 해결하나요?

찍찍이 · Answer

삭제를 할 수 있다는 조건을 스크립트 단에서 처리한다는 게 조금 불안한 방법이긴 합니다. 예를 들어 스크립드 단에서 해당 데이터의 아이디 값이 있으면 삭제 버튼을 보여주고, 아이디 값이 없으면 삭제 버튼을 보여주지 않는 정도의 스크립트 처리는 할 수 있겠죠. 이럴 때 디버깅 모드로 억지로 버튼을 나타내더라도 아이디 값이 없으니 삭제 API를 호출하더라도 에러가 날 것 입니다. 만약 좀 더 자세한 조건 검사가 필요하다면 당연히 백단에서 처리를 해주는 게 맞지 않을까요?

초코쪼꼬 · Answer

&#64;jq#net 삭제의 경우를 본다면.. 이부분은 정책에 따라 많이 달라서 무어라 답변을 드리게 애매하긴 합니다만.. 우선 제가 아는 범위내에서 답변을 드리자면.. 우선 내가 작성한 글을 debuging 단에서 삭제를 했다.. 이부분은 크게 문제가 없을거 같습니다.내가 작성한 글이므로 삭제를 막을 권한은 없어보입니다. 다만 타인이 작성한 글에대해서는 본인이 작성한 글이 아니므로 삭제 권한 자체가 없겠죠? 그러면 본인이 작성한 글인지 여부를 판단하는 권한값을 확인하면 될거 같고.. 추가로 관리자 및 특정 권한자의 경우를 처리한다면 해당 관리자(특정 권한자)에게 맞는 권한에 따라서 삭제 처리가 가능 불가능 하게끔 처리하면 될거 같습니다. 보시고 애매한 설명이 있으면 답변주세요.

jq#net · Answer

찍찍이답변 감사합니다. 하지만 버튼이 생성되었다는건 ID가 생성이 되었다는 것이고, 디버깅 단에서 결국 삭제가 되는 부분인데 그럼 조건 관련들도 모두 backend로 보통 처리를 하는건가요? 제가 윈도우 닷넷 쪽 개발이라 왠만한 조건부분들은 프론트에서 다 처리를 했었습니다. 웹은 이런 부분들도 조금 어렵네요.. 초코쪼꼬 지속적으로 답변을 계속 달아주셔서 감사합니다. 덕분에 조금씩 알아가는거 같습니다.권한에 따라서 보여지는 부분들은 로그인 권한대로 이미 보여지고 있어서 보여지지 않는 데이터들에 대해서는 id를 알지 않는 이상은 삭제를 할 수 없는 구조긴 합니다만, 자바스크립트에서 id를 그냥 자기 임시대로 계속 넣고, 결국 유효한 ID를 찾아내어 삭제하는 경우... 이런 부분들에 대한 보안이랄까요... 이런건 어떻게 처리하는지도 궁금합네요... 자바스크립트에선 결국 ID를 알아야 API를 호출하는 구조인데... I

초코쪼꼬 · Answer

&#64;jq#net 제가 jq#net님의 개발한 코드를 보지 못해서 어떻게 처리하였는지를 몰라.. 정확한 답변은 어렵습니다. 1. id를 알지 않는 이상은 삭제를 할 수 없는 구조긴 합니다. Q. 각 게시글의 CRUD를 id로 핸들링하게 처리하셨나요? 2. 자바스크립트에서 id를 그냥 자기 임시대로 계속 넣고, 결국 유효한 ID를 찾아내어 삭제하는 경우Q. 이부분은 잘 이해가 가지 않습니다. id를 임의? 대로 계속 넣고 유효한 ID를 찾아내어 삭제를 한다..?!죄송하지만 자세한 설명을 부탁드립니다.

jq#net · Answer

1. 각 게시글의 CRUD를 id로 핸들링하게 처리하셨나요?- 네 html 태그 등을 이용하여 핸들링 처리를 했습니다. 2. 이부분은 잘 이해가 가지 않습니다. id를 임의? 대로 계속 넣고 유효한 ID를 찾아내어 삭제를 한다..?!죄송하지만 자세한 설명을 부탁드립니다.- 예를 들면 디버깅 과정에서 API 호출을 하기 위한 파라미터를 자기가 임의 입력하여 실행한 후 리턴 값을 보고 하는 과정들을 대한 내용이였습니다. 파라미터를 조작하여 API 호출로 간단하게 표현할 수 있겠네요.. 이런 부분은 제가 웹 개발을 시작하면서 공통적으로 생각하고 있는 문제라... 시원한 답변이 필요합니다 감사합니다.

jq#net · Answer

초코쪼꼬답변 감사합니다... 말씀하신 내용이 제가 고민하고 있는 내용이 맞습니다...그러면 결국 백엔드 쪽에서는 View의 태그 아이디를 줄 때는 항상 암호화 처리를 하는 모듈을 따로 이용해서 하는것이겠네요.... 좋은 답변 다시 한번 감사드립니다 좋은 하루 되세요^^

자바스크립트에서 상태 값들에 대해 관리 및 처리

11개의 답변

Q&A 목록