프로그래밍 삽질 중

* 상황 : 삭제한 단어들 안에 각각 "단어 복구하기" 버튼 존재 -> 버튼을 누르면 삭제되었던 것이 다시 원래 항목으로 돌아감 * 실제로 delete로 데이터가 완전히 삭제된 것이 아닌 status가 D -> A로 이동하는 과정 * 만들어야 하는 것들 - 단어 확인하기 버튼 누르면 staus가 "D"인 항목들 보여주기 - 닫기 버튼 누르면 staus가 "D"인 항목들 삭제하기 - 단어 복구하기 버튼을 누르면 status가 "D"에서 "A"로 이동 * 말보다는 동영상 첨부가 효율적일 것 같아 첨부 * API는 첨부하지 않음 * HTML, JS만 첨부 HTML 삭제한 단어들 단어 확인하기 닫기 //JS를 통해 넣을 정보들 JS function changeStatusWord(event, token) { if..

* 체크박스에 체크된 개수 세는 데 이 코드 사용 안 함 => https://ba-gotocode131.tistory.com/180 [javascript] 객체의 값 반복문 사용, 반복되는 코드 함수로 통일 * 객체의 길이를 구하기 위해 for문을 썼다가 중복되는 부분이 많아 함수로 합치는 과정에서 반복문 for ...in을 알게 됨 * 객체의 경우 index가 있으므로 for ..in 사용이 효과적 - 참고 : http://daplus.net/j ba-gotocode131.tistory.com -> 체크박스에서 체크 항목 누르면 눌러진만큼 숫자가 변화해야 하는데 변하지 않음 -> 다른 방법 필요했음 -> 참고 : https://hianna.tistory.com/431 [Javascript] 체크박스에 ..

* 객체의 길이를 구하기 위해 for문을 썼다가 중복되는 부분이 많아 함수로 합치는 과정에서 반복문 for ...in을 알게 됨 * 객체의 경우 index가 있으므로 for ..in 사용이 효과적 - 참고 : http://daplus.net/javascript-javascript-%EA%B0%9D%EC%B2%B4%EB%A5%BC-%EB%B0%98%EB%B3%B5%ED%95%98%EA%B1%B0%EB%82%98-%EC%97%B4%EA%B1%B0%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/ [javascript] JavaScript 객체를 반복하거나 열거하는 방법 - 리뷰나라 다음과 같은 JavaScript 객체가 있습니다. var p = { "p1": "value1", "p2": "..

1) 여러가지 input 작성 후 값 불러오기 - 정확히 말하면 input 값에다가 버튼 클릭 시 값이 전달되게 하는 것 - 단계를 한 가지 더 둠(정확한 event.target.value 값을 찾기 위함) const $english = document.querySelector(".matrix-input-eng-middle"); const $korean = document.querySelector(".matrix-input-kor-middle"); const english = $english.value; const korean = $korean.value; 2) scroll - 한정된 공간에서 div값이 추가 될 때마다 길이가 늘어남 방지 - 참고 : https://unikys.tistory.com/28..

* ubuntu 내 배포 과정에서 git에 올린 내용 중 secret.js 파일을 올리지 않음(mysql 로그인 정보가 포함됨) -> 문의 결과 ubuntu에서 git clone으로 가져온 내용 중 secret.js 파일이 누락되서 발생된 일 -> ec2 인스턴스 내에 secret.js 모듈을 작성해야 한다 답변 받음 * 해결방법 1) "sudo su" 로 관리자 권한으로 변경 2) 폴더를 생성할 위치로 이동 - 나의 경우 schedule-management/back/front/js에 생성 (cd schedule-management 이런 식으로 이동) 3) 파일 생성 코드 = touch seceret.js 4) 파일 내용 생성 코드 = cat > seceret.js 5) 파일 내용 생성 후 crtl + ..

* 출처 : https://thebook.io/080270/part02/ch06/ Let's Get IT 자바스크립트 프로그래밍: 6장 타이머 사용하기_로또 추첨기 thebook.io * for문 대신 while문을 쓸 때 - 조건이 간단하면 while문, 복잡하면 for문 * 45개의 숫자를 랜덤하게 섞어서 배열에 넣기 - array.splice() : splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경 const plane = ['F/A-18 슈퍼 호넷', 'F-14A 톰캣', 'P-51 머스탱', 'F-35C 라이트닝 Ⅱ']; plane.splice(1, 0, 'Darkstar'); console.log(plane); //['F/A-18 슈퍼 호..

* 출처 : https://thebook.io/080270/part02/ch05/ Let's Get IT 자바스크립트 프로그래밍: 5장 반복문 사용하기_숫자야구 게임 thebook.io * 숫자 야구 - 1~9까지 중복되지 않는 숫자 4개를 고른다 - 4개의 숫자 중 랜덤하게 섞은 후 답을 맞춘다 - 위치가 같고 숫자가 같은 경우 = strike, 숫자만 같을 경우 = ball - ex) [3, 4, 9, 5] 일 때 정답을 [1, 2, 3, 4] 입력 시 0 스트라이크 2볼 * array.push() - 원하는 숫자를 배열에 넣기 const numbers = []; for (let n = 1; n < 10; n++) { numbers.push(n); } console.log("numbers : ", n..

1. 렉시컬 스코프(적정 스코프) - 출처 : https://eun-ng.tistory.com/16 [JS] 6. 함수 스코프 & 블록 스코프 & 렉시컬 스코프 GitHub - yjs03057/33-js-concepts: 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creatin.. eun-ng.tistory.com - 중첩된 함수 그룹에서 내부 함수가 상위 범위의 변수 및 기타 리소스에 액세스 할 수 있음 의미 - 함수를 어디에 선언하는 지에 따라 상위 스코프 결정 -> 함수를 어디서 호출하는지가 아니라 어디에 선언하는 지에 따라 결정 - 자바스..