빵 입니다.

Mysql을 쓸 땐, 자동으로 컬럼의 숫자 값 증가하게 하기 위해 auto_increment 를 유용하게 사용했다. CREATE TABLE users ( id INT NOT NULL AUTO_INCREMENT, name CHAR(30) NOT NULL, PRIMARY KEY (id) ); MongoDB에는 같은 기능이 없다. 그래서 함수를 만들어 따로 구현해주어야 한다. ...더보기 MongoDB에서 auto-increment를 제공하지 않는 이유 같은 이유 MongoDB에서 _id 필드나 다른 어떤 필드를 위한 auto-increment 패턴을 사용할 필요가 없다. auto-increment 패턴을 사용하면 데이터베이스에 많은 documents가 있을 경우 확장성이 떨어진다. 기본값인 ObjectId ..

1. MongDB 설치하기 MongoDB 공식 홈페이지의 다운로드 페이지에서 설치 프로그램(MongoDB Community Edition)을 다운로드한다. 아래의 경로에 설치된다. C:\Program Files\MongoDB\Server\4.0\bin\ ※ ↑ 해당 버전에서 Compass(MongoDB GUI)를 설치할 경우, 제대로 설치가 완료되지 않아, 체크박스를 풀고 설치함. ...더보기 MongoDB를 설치하기 위해 여러 글들을 보았다. MySQL이나 MSSQL과 달리 윈도우 서비스 등록을 수동을 해주어야하고, 환경 설정 파일을 만들어 주어야한다고 명시되어 있었다. 하지만 MongoDB 4.0부터 하지 않아도 된다. ※ 윈도우 서비스 등록하기 ===> MongoDB 4.0부터는 설치하는 동안 Wi..

data-*속성은 HTML5 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었다. data-*속성은 표준이 아닌 속성이나 추가적인 DOM 속성을 조작 하지 않고도, 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해준다. data-*속성은 사용자가 직접 data- 로 시작하는 속성을 만들 수 있다. data- 뒤에 원하는 이름을 지정하고 사용하면 된다. 안녕하세요. data-*속성 하나로 javascript, css에서 모두 접근할 수 있다. javascript에서 접근하기 .dataset 속성을 통해 data-*속성에 접근이 가능하다. var greeting = document.getElementById('greeting'); arti..

회사에 교육 결재를 올리고 하루를 컨퍼런스에 투자했다.장소는 누리꿈스퀘어!!!! 회사랑 너무 가까워서 회사 가는 느낌이 들고........... 누리꿈스퀘어가 복잡해서 쉽게 찾을 수 있을까 걱정했지만, 저렇게 안내 표지판이 있어서 찾기 쉬웠다. 여느 행사와 마찬가지로 입장할 때, 경품 추첨권 겸 입장 팔찌를 준다. 사기업이 아닌 한국웹접근성평가센터에서 주최를 해서 그런지 실무에 유용한 자료집을 많이 주었다. 무거운 건 덤^^! 하지만 내용이 알차서 완전 이득! 국제회의실에서 컨퍼런스를 진행했는데, 장소에 비해 인원이 많이 없었다. 지금까지 많은 접근성 세미나와 컨퍼런스에 참석했는데, 다른 행사들보다 장애인분들이 많이 참석을 하셨다. 이번엔 사진을 많이 못 찍었다. 제일 인상 깊게 들은 섹션인 김현아 변호..

대량의 데이터를 효과적으로 관리하는 매커니즘 = 자료구조배열, 리스트, 스택, 큐(대기 행렬), 트리(나무 구조)1. 배열 - 데이터를 빈틈없이 나열한 자료구조 - 일직선 상에 빈틈없이 데이터를 나열한 1차원 배열 - 테이블처럼 가로세로 빈틈없이 데이터를 나열한 2차원 배열 - 직육면체처럼 가로, 세로, 높이에 빈틈없이 데이터를 나열한 3차원 배열 - 유효한 데이터의 개수를 관리할 때 다른 변수를 사용2. 리스트 - 데이터를 순서대로 나열한 자료구조 - 데이터들이 화살표로 서로 연결되어 있어 데이터들이 떨어진 장소에 위치할 수 있다. - 데이터 위치에 구애 받지 않는다. - 데이터들이 ‘포인터’로 연결되어 있다. - 따라서 데이터의 위치에 관계없이 데이터의 순서를 관리할 수 있다. - 유효한 데이터의 개..

말줄임을 붙일 수 있는 다양한 방법! 1. 한줄 말줄임 .ellipsis{overflow:hidden; display:block; width:300px; white-space:nowrap; text-overflow:ellipsis;} display:block; CSS 말줄임은 block 요소에만 적용 가능하다. 인라인 요소일 경우 display를 block으로 선언해야한다. 인라인일 경우 넓이 값을 지정하지 못 하는데, 넓이 값이 없으면 말줄임의 기준점을 지정하지 못 하기 때문에 block 요소로 지정하는 것이 좋다. width:300px; 기준점. 글이 300px를 벗어날 경우 말줄임이 생긴다. overflow:hidden; 넓이 300px을 넘어간 글자들을 안보이게 처리한다. 이 속성이 없을 경우 기..

1. Accessibility at Microsoft. -Microsoft Cloud for Global Good and AI for Accessibility. 인텔리전트 클라우드와 인공지능이 접근성 기술을 어떻게 혁신적으로 향상시키고 있는지를 이야기한다. 2. 캡차의 접근성(Accessibility of CAPTCHA) –한국정보화진흥원 사람과 봇(Bot)을 구별하는 캡차(CAPTCHA)의 접근성 문제에 대해 살펴보고, 그 해결 방안을 알아본다.3. 네이버의 인공지능 기술 현황 및 접근성 관점에서의 의미 –NAVER 네이버가 개발하고 서비스에 적용하고 있는 다양한 인공지능 기술의 현황을 소개하고 향후 접근성 관점에서 어떤 의미를 가질지를 생각해본다. 4. VIP(Visually Impaired Peop..

Sass란 Ruby 기반의 CSS 확장언어이다. (오역과 의역이 넘쳐납니다.)Sass 홈페이지의 말을 인용한다면, Pre-processing (전처리기)CSS는 그 자체만으로 아주 흥미로울 수 있지만, 스타일시트는 점점 거대해지고, 더 복잡해지며, 유지가 어렵게 된다.Sass는 전처리기를 도울 수 있는 위치에 있다. (전처리기:프로그램이 실행 되기 바로 전에 실행되는 프로세서)Sass는 CSS에는 없는 기능들이자만, CSS를 더 재밌게 사용할 수 있게 만들어주는 변수, 중첩, 믹싱, 상속과 여러 실용적인 기능들을 사용할 수 있게 해준다. 일단 당신이 Sass를 만지작거리며 시작한다면, Sass 파일은 전처리되어 평상시처럼 CSS파일로 저장되고, 그것을 너의 웹 사이트에서 사용할 수 있다. Variable..