보노보노의 개발 일기 보노보노의 개발 일기

부트스트랩의 sr-only 클래스가 하는 일 이 글은 그저 기억하기 위한 용도로 작성했으니 참고바랍니다. 부트스트랩은 sr-only 클래스를 사용하여 원하는 요소를 화면상에서는 사라지게 하는 동시에 웹 접근성을 높인다. 장애를 가진 사람은 스크린 리더기나 점자 타자기와 같은 보조 기구를 통해 웹을 인식하기 때문에 웹 접근성은 신경써야 할 요소 중 하나다. 간단하게 태그의 alt 요소에 이미지를 파악할 수 있는 텍스트를 작성하는 것만으로도 웹 접근성을 높일 수 있다. 나는 체크박스(

가깝고도 먼 HTML 1탄 WHY? HTML, 잘 알고 있다고 생각했으나 지식이 구멍이 뻥뻥 뚫려있었다. 그래서 시작한 가깝고도 먼 HTML! 오늘부터 GO GO! 을 왜 선언할까? HTML 문서를 작성할 때 항상 DOCTYPE을 문서의 맨 위에 선언한다. ... 왜 선언할까? 태그 전에 선언되야하며 을 통해 브라우저가 해당 웹 문서가 어떤 타입(HTML5, HTML, XHTML)의 문서인지 파악할 수 있다. 웹 브라우저에게 HTML 버전을 알려주는 역할을 한다. HTML2 ~ HTML4는 SGML(Standard Generalized Markup Language, HTML 할아버지)에 기반을 두어 만들어져서 을 통한 DTD 참조가 필요하다. 반면에 HTML5는 SGML에 기반을 두..

Why? TIL 레파지토리의 문서들을 얻기 위해 Github Content API를 이용했다. 루트 폴더들, 각 폴더의 문서들, 문서의 내용 등을 REST API를 사용하여 얻었는 데 아무래도 엔드 포인트가 많다 보니 코드가 복잡해졌다. 또 내가 원하는 데이터만 받고 싶은 데 응답 구조가 정해져있다보니 응답 데이터를 직접 가공하는 수 밖에 없었다. 휴 불편하네~ 😥 불편하다. 생각하던 중 Github이 GraphQL API를 제공한다는 것을 발견했다. 예전에 잠깐 공부했을 때는 REST API보다 왜 편한지 이해를 못했는 데 역시 사람은 몸소 겪어봐야 아나보다. 직접 사용해보니 너무 너무 편했다. 그래서 오늘의 TIL은 GraphQL에 대해 정리해보려한다. ✨ GraphQL 이란? GraphQL(gql)..

Pull을 시도 했을 때, 아래와 같은 충돌을 알리는 메시지가 나타났습니다.이 게시글은 이를 병합처리하는 과정입니다. git.exe pull --progress -v --no-rebase "origin" POST git-upload-pack (287 bytes)remote: Enumerating objects: 5, done.remote: Counting objects: 100% (5/5), done.remote: Compressing objects: 100% (2/2), done.remote: Total 3 (delta 0), reused 3 (delta 0), pack-reused 0From https://github.com/devgaram/gitTest3814fd7..8052ed6 master ->..

문제)- Express.js와 Socket.IO의 기본적인 동작 테스트를 하던 중, 크롬 개발자도구 창에서 다음과 같은 에러가 확인되었다.GET http://localhost/socket.io/?EIO=3&transport=polling&t=MIEj9iB 0 ()( 서버 에러는 안나지만, socket.IOconnect 이벤트에 대한 반응이 없었다. ) /views/index.pug extends layout block content h1= title p Welcome to span.received-message #{title} input(type='text', class='message', placeholder='what is on your mind?', onkeyup='javascript:send(th..

> mongo > use test : test 데이터베이스를 사용한다 ( test데이터베이스가 없는 경우 새로 생성한다.) > db > show dbs: db 명령어는 현재 사용중인 데이터베이스를 확인할 수 있다.: show dbs 명령어는 내가 만든 데이터베이스 리스트들을 확인할 수 있다. > show collections : 내가 만든 collection 들을 확인할 수 있다. > db.test.find() : test 컬렉션의 모든 다큐먼트 리스트 확인할 수 있다.( 현, test 데이터베이스다, test컬렉션은 test데이터베이스 안에 있음) > db.test.remove({}) : test 컬렉션의 모든 다큐먼트를 제거할 수 있다.

TDD 테스트 코드 작성 중 [ERROR] Uncaught TypeError: Cannot read property 'equal' of undefined와 같은 에러를 발견했다. var superagent = require('superagent')var expect = require('expect') describe('express rest api server', function(){var idit('post object', function(done){superagent.post('http://localhost:3000/collections/test').send({name: 'John',email: 'john@naver.com'}).end(function(e, res) {expect(e).to.equal..

TypeError: Cannot read property 'apply' of undefined at EventEmitter. (C:\Users\USER\Desktop\개인공부\book-nodejs\blog-project\node_modules\mongoskin\lib\collection.js:51:21) at Object.onceWrapper (events.js:317:30) at emitTwo (events.js:126:13) at EventEmitter.emit (events.js:214:7) at C:\Users\USER\Desktop\개인공부\book-nodejs\blog-project\node_modules\mongoskin\lib\utils.js:134:27 at result (C:\Users..