도담도담

인터넷으로 공부하면서 나중에 훑어보려고 적는 노트 1.소프트웨어 설계 User Interface 설계 시 오류 메시지나 경고에 관한 지침 1) 직관성(Intuitiveness) : 누구나 쉽게 이해하고, 쉽게 사용할 수 있어야 함. 2) 유효성(Effectiveness) : 정확하고 완벽하게 사용자의 목표가 달성될 수 있도록 제작해야 함. 3) 학습성(Learnablilty) : 초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 제작해야 함. 4) 유연성(Flexibility) : 사용자의 인터랙션을 최대한 포용하고, 실수를 방지할 수 있도록 제작해야 함. 애자일 방법론 특징 1) 프로젝트 요구사항은 '기능' 중심 2) 공정과 도구보다 '개인'과 소통을 중요시 3) '변화'에 유연하고 신속한 대처 4) ..

버블정렬 방식 앞에서 부터 데이터를 두개씩 비교해서 더 큰게 오른쪽으로 이동한다. 그렇게 처음부터 끝까지 한번 다 돌고나면 오른쪽 끝에는 가장 큰 데이터가 자리잡게 된다. n번째 정렬이 완료되면 뒤에서 n번째 자리가 확정되는 것이다. 장점 정렬이 잘 되어 있을수록 반복이 줄어들기 때문에 빠르게 정렬이 가능하다. 비교적 구현하기가 가장 쉬운 정렬방법이다. 단점 정렬이 안되어 있을수록 반복을 더 여러번 반복해야 하기때문에 오래 걸린다. 자료가 많을수록 정렬을 위한 시간이 오래 걸린다. 버블정렬 (JavaScript) function bubbleSort(array) { for (let i = 0; i < array.length; i++){ let swap; for(let j = 0; j < array.leng..

업무보다가 받은 데이터를 기준으로 지속되는 다음달 이체일을 알고싶어서 시작했었다. 그리고 일자에 따라 이번달이 아닌 다음달로 넘겨야하는 경우들도 있다는 것에 중점을 두고 만들어보았다. //다음 자동이체일 확인 var start_date = '20210508' var now = new Date(); var year = now.getFullYear(); var month = now.getMonth(); var date = now.getDate(); var fixed_date = start_date.substring(6,8); if((parseInt(date)) > (parseInt(fixed_date)) ){ month = (""+(parseInt(month)+1)); }; var next_month = n..

주민번호로는 만 나이까지 구현 문자열로는 일반 나이까지만 구현 주민번호로 만 나이계산하기 var Resident_num = '9212151885522' var BDY = Resident_num.substring(0,2); var BDM = Resident_num.substring(2,4); var BDD = Resident_num.substring(4,6); var R_num = Resident_num.substring(6); var BDFullYear if(R_num.substring(0,1)=='1' || R_num.substring(0,1)=='2'){ BDFullYear = 1900 + Number(BDY); } else if(R_num.substring(0,1)=='3' || R_num.subs..

사실 딱히 완성된 상태는 아니고 혼자 공부할 겸 인터넷 참고하면서 작업하던거라 많이 미흡하다. 손봐야 할게 많기는 한데 일단 올려두고 추가사항은 천천히 추가해 나가련다. 기본 틀형식은 bootstrap에서 참고해서 사용했다. (text 박스가 추가는 되는데 삭제는 아직 구현 못한 상태) 기본 틀이 되는 HTML 내용을 입력하고 드레그해서 넣어보세요 + - Todo Doing Done 기능 적용해주는 JS function drag(target, food) {//드래그 시작시 호출 할 함수 food.dataTransfer.setData('Text', target.id); }; function drop(target, food) {//드롭시 호출 할 함수 var id = food.dataTransfer.getD..

업무 보다가 개인적으로 한번 만들어보면 좋겠다 싶어서 시작했었다. 유튜브 같은거 참고하면서 만들었는데 많이 엉성한 상태이긴 하다. 드롭다운(dropdown)형식은 bootstrap에서 참고해서 사용했다. 쌍방향 입력이라던가 같은 국가일때 안나오게 하는 등의 기능이추가적으로 필요할듯 HTML USD USD KRW THB 달러 = KRW USD KRW THB 원 JS /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function fromFunction() { document.getElementById("from-currency-list").classList.toggle("show")..

처음엔 이 두개가 크게 다를거 없이 비슷한 것들인 줄 알았었는데, 작업하다가 보니 경우에 따라 == 를 사용하는 경우도 있고 === 를 사용하는 경우도 있는데 그 결과가 다른경우들이 생겨서 차이가 뭔가에 대해 알아보았다. 일단 한줄 요약으로는 ===가 더 세분화 된 내용까지 같게 해야한다고 이해할 수 있을 것 같다. 가장 확인 하기 쉬운 방법으로는 개발자 모드(F12)를 켜서 확인해보는 방법일 듯 하다. 위와 같이 a 는 문자열 형태를 가진 1 이고, b는 숫자 형태를 가진 1로 구분되어있다. 이걸 == 로 비교해 보면 이 a 와 b 를 확인할 때 그 값이 이 둘이 '같다' 라고 나온다. 그런데 이걸 === 로 비교해 보면 이 둘의 값이 '다르다'라고 표현한다. 이를 참고하면 == 와 === 의 차이점이..

한글에서 여러 페이지가 있는데 원하는 페이지만 추출해서 따로 사용하고 싶을 경우 (주로 설명과 첨부로 작성하는 페이지 있을 때 필요하더라) 이렇게 여러 페이지가 있는데 원하는 페이지만 추출해서 따로 사용하고 싶으면 [보기] - [작업창] - [쪽 모양 보기] 를 눌러보면 우측에 쪽 모양 보기가 생기는데, 거기서 원하는 페이지를 마우스 우클릭 해서 [쪽 복사하기] 를 한다. 그러고 나서 ctrl + N 으로 새 창을 열어서 그대로 붙여넣기 하면 그 페이지만 그대로 복사되서 온다.