킹바구니

분명히 예전에 공부할때는 이런 문제가 없었는데, 이상하게 아무리 find를 해도 데이터베이스에 넣어둔 샘플이 조회가 안되었음. 계속 [] 이렇게 빈배열로만 나옴.. 한참 삽질하다가 뒤늦게 몽고db 홈페이지를 가서 보니 원래 만들어둔거 말고 test라는게 새로 생겨있는데다가 왠지 여기를 바라보는거같아서 검색해봄. 알고보니 코드에서 db이름, collection이름을 따로 지정해줘야하더라. 1. url 설정 mongodb+srv://아이디:패스워드@어쩌구저쩌구.mongodb.net/여기?retryWrites=true&w=majority 위와 같은 db url을 쓸텐데 "여기"라고 써진 부분에 본인이 바라볼 db이름을 추가로 넣어주면 됨. 나같은 경우 asm 을 넣어줘야하는것임. 2. schema 설정 mod..

닷홈이나 일반 웹호스팅 사이트에서는 기본적인 html, css, js 파일 등만 올릴 수 있음. 그러나 node.js로 만든 프로젝트라면? 이거는 좀 다른걸 써야함. node.js 배포를 지원하는 서비스는 여러가지가 있는데 그중 헤로쿠를 통해 내가 만든 프로젝트를 올려보도록 하겠음. 사실 나 이거 굉장히 복잡할줄알고 쫄아있었는데 너무 쉬웠음. ----------------------------------------------------------- 1. 회원가입 https://www.heroku.com/ Cloud Application Platform | Heroku Heroku is a platform as a service (PaaS) that enables developers to build, ru..

js문법 속도 측정 사이트를 알게된 이상 한번 정리하는 겸 테스트해봄. 각 테스트마다 문법이 여러개가 있는것도 있지만 상위 4,5위까지만 가져와봄. 덕분에 잊고있었던 문법공부도 다시 하게댐 후후 테스트 브라우저: 크롬 https://jsben.ch/browse JSBEN.CH Performance Benchmarking Playground for JavaScript jsben.ch ---------------------------------------------- 1. array 복사해서 만들기 json stringify는 자주썼는데 이거 좋은 방법이 아니네 어쩐지 어디서 느리다는걸 본적이 있는데.. 앞으로는 slice나 concat을 써야할듯(참고로 concat은 원본 array와 참조된 링크가 끊겨서..

1. 회원가입 https://www.cpcrefia.or.kr 카드모집인교육시험센터 www.cpcrefia.or.kr 2. 로그인 로그인을 한다~ 3. 메인페이지로 이동 신규면 신규클릭 경력이면 경력클릭 4. 들어야하는거 교육신청 클릭 유료는 결제페이지로 넘어감 5. 메인페이지 - 나의강의실 클릭 6. 학습하기 클릭 7. 순차대로 클릭해서 듣기 다 듣고 나면 수료증이 생기는데 인쇄해서 쓰면 된다.

1. nodeName vs matches event.target을 했을때 해당 요소가 어떤 태그인지 알려면 nodeName을 확인하면 됨. 그러나 기본적으로 nodeName은 이렇게 대문자로 나오기때문에 event.target.nodeName.toLowerCase() == 'summary' 이렇게 비교를 해줘야함(아님 걍 대문자로 비교해도 됨). 근데 어느순간 저렇게 하는게 혹시 구린방법(?)이 아닐까라는 생각에 찾아봄. https://stackoverflow.com/questions/44595875/event-target-tostring-or-event-target-nodename-to-check-type-of-element event.target.toString() or event.target.nod..

기본 html로만 작업하다보면 header, footer등과 같이 모든 html에 똑같이 나오는걸 일일히 넣어줘야하나?라는 생각이 들기 시작할것임. 넣는거야 별거아닌데 나중에 한 html파일 20개정도 되는데 header에 뭔가 추가해야한다면 끔_찍... 이에 대한 방법(링크)은 여러가지가 있지만 그나마 뭔가를 안깔고 기본 내에서 할 수 있는거는 이게 제일 유용해서 작성함. 예전에는 php로 했었는뎅 암튼 파일 구조는 다음과 같음. 파일 구조는 뭐든 상관없음. 1. 공통적으로 만들 파일 따로 만들기 나같은 경우 header.html을 생성하여 이하 태그를 넣어뒀고, index.html에는 까지만 써둠. 이제 자바스크립트로 밑에 친구들을 넣을 것임. 2. script에서 불러와줌 const header =..

한번 정리하는게 좋겠다싶어서 만든 페이지. 센스리더가 각 태그에서 어떻게 읽는지, 태그별 사용가능한 role과 aria는 뭔지 정리해봄. 기왕 만든김에 다른것도 왕창 몰아넣을까 생각중. 아직 완전히 정리된건 아니고 추가적으로 계속 업데이트할 예정 https://peamexx.github.io/test-screen-reader/ Document Testing for Accessibility with the Sense reader 최근 업데이트: 2022-06-22 - img태그 테스트 결과 추가 이곳은 대한민국에서 주로 쓰이는 스크린리더인 센스리더를 이용한 태그별 읽기방법 정리페이지입니다. peamexx.github.io

if { // 조건1 } else if() { // 조건2 } else if() { // 조건3 } 얘는 조건1만 만족하면 그거 실행하고 끝남. 조건3이 만족해도 조건1만 하고 끝남. if { // 조건1 } if { // 조건2 } if { // 조건3 } 얘는 만족하는 조건 있으면 다 들어감.

모든 태그 정리한것 아님. 필요한것만 빼서 정리. 1. https://developer.mozilla.org/ko/docs/Web/HTML/Element/a - HTML: Hypertext Markup Language | MDN HTML 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. developer.mozilla.org - 기본적으로 링크(href)를 위한 태그이나 href요소는 필수가 아님. - href에 #를 쓰면 페이지가 새로고침/최상단으로 이동하는데 개발/접근성 처리시 주의(링크할 필요없으면 href를 없애고, 버튼으로 사용할꺼면 role=button 추가) - 안에 또다른 를 ..

1. HTMLElement.style document.querySelector('div').style.left = '100px'; document.querySelector('div').style.width = '200px'; 어떤 element을 css말고 javascript로 변경하고 싶다면 이렇게 쓰면 됨. 그런데, width값을 알고싶어서 저걸 쓰면 값이 제대로 나오지 않음 그 이유는 css나 인라인코드로 width값 등이 설정되어있더라도, 자바스크립트로 별도로 지정되지 않았다면 style.width형태로는 요소의 값을 뽑아낼 수 없음. 즉 css로 display: none을 해서 화면상에는 없어도 자바스크립트로 별도로 값을 지정해줬다면 그 값을 출력함. 자바스크립트로 width를 10000px로 ..