전체 글38 Koa , Koa Router , mount 를 사용해 koa 서버 구성하기 Koa git hub 주소 : https://github.com/koajs/koa GitHub - koajs/koa: Expressive middleware for node.js using ES2017 async functions Expressive middleware for node.js using ES2017 async functions - GitHub - koajs/koa: Expressive middleware for node.js using ES2017 async functions github.com Koa는 ES2015 및 비동기 기능 지원을 위해 노드 v12 이상이 필요합니다. koa 기본 틀 구성할 때 사용할 3가지 module 1. koa - koa를 사용하기위한 기본 모듈? 2. @ko.. 2022. 8. 5. 이스케이프 (Escape) 이스케이프 (Escape) : 특정 문자를 원래의 기능에서 벗어나게 변환하는 행위를 이스케이프라고 한다. & = &o; = > " = " ' = ' 띄어쓰기 =   2022. 8. 3. 네이밍 컨벤션 (Naming convention) 네이밍 컨벤션 이란? 하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성이 ㅈㅎ도록 단어를한눈에 구분하기 위해서 규정한 명명 규칙 camelCase : lower 카멜케이스 - 변수, 함수 이름 (lower camelCase) PascalCase : 파스칼케이스 - 생성자 함수, 클래스 이름 snake_case or underscore case : 스네이크 케이스, 언더스코어 케이스 kebab-case : 케밥 케이스 typeHungrarianCase : 헝가리언 케이스 2022. 8. 3. React socket io client 적용 방법 기존 공식 홈페이지나 주변 예시를 따라하면 페이지가 넘어가도 소켓이 남아있다거나 너무 많은 소켓 이벤트가 등록되는 문제가 발생해 직접 리액트에서 소켓을 구현해 본 글입니다. const [socket, setSocket] = useState(); useEffect(() => { const socketIo = io("http://localhost:8080", { cors: { origin: "http://localhost:8080", credentials: true }, transports: ["websocket"], query: { tenant: 'EGU' } }) socketIo.on('responsRoom', (data) => { console.log(data) }) setSocket(socketIo).. 2022. 4. 28. React Quill Clipboard keyboard customizing 방법 react quill을 사용해 무료 wysiwyg에디터로 게시판 글쓰기를 구현하던중 enter를 눌러 줄바꿈을 할 경우 header 설정이 자동으로 nomal로 바뀌는 기능을 해제하고 싶어 분석후 적용한 내용 정리입니다. function preserveSizeFormat(node, delta) { const match = node.className.match(/ql-size-(.*)/) const fontSize = node.style['font-size'] // HACK: when className is not present, check style attribute const styleMatch = fontSize && fontSize !== '16px' console.log(match) console.. 2022. 4. 18. React CKeditor5 기본 컴포넌트 사용법 Ckeditor5는 많은 위지윅 에디터들중 기본 기능을 무료로 사용할 수 있고 적용하기도 간편해 사용하기가 좋다. 기본 기능 외에는 유료인 플러그인을 추가해야 사용할 수 있는 기능도 있지만 기본 기능으로도 기본적인건 구현이 다 가능하다. 이 글은 글자 크기와 색변경을 사용하고 싶어 클래식 에디터를 커스텀하려고 삽질 열심히하다가 허무한 해결책을 찾아 적은 글입니다. Ckeditor5는 기본적으로 5가지의 빌드된 에디터를 제공한다. Classic editor Inline editor Balloon block editor Balloon editor Document editor 대충 공식문서 가서 읽어보면 클래식을 가장 많이 쓸것 처럼 보인다. (여기서 혼자 낚였다.) 클래식 에디터에는 글자크기 색 변경 기능이.. 2022. 4. 1. GIT 파일이름 변경이 적용 안되는 오류 해결 방법 회사에서 프로젝트를 진행하던중 파일이름을 변경했는데 git에 적용이 안되는 상황이 발생해서 해결법을 찾아보았다. 문제상황을 두가지로 나누어 해결책을 기록 GIT을 사용하는 폴더에서 파일이나 폴더명을 운영체제에서 기본적으로 제공하는 기능으로 변경시 변경하지 않는 현상 해결 git mv oldFileName newFileName 명령어로 이름을 변경한다. GIT은 대소문자를 구별하지 않는 기본 옵션 때문에 파일이름을 대소문자만 변경 했을 경우 인식 하지 못해 변경으로 생각하지 않는다. git config core.ignorecase false명령어를 입력하면 구분한다. 2022. 4. 1. 정보처리기사 소프트웨어 설계 - 요구사항 확인 1 1. 플랫폼 분석 애플리케이션을 구동시키는 데 필요한 소프트웨어의 환경 공급자와 수요자들이 모여 공정한 거래를 통해 각 그룹이 원하는 가치를 교환하기 위해 구축된 환경 1-1 플랫폼 성능 특성 분석기법 사용자 인터뷰 : 현행 플랫폼 사용자 인터뷰를 통해 속도의 적정성 확인 - 산출물 : 인터넷 결과서 성능 테스트 : 현행 플랫폼 대상으로 성능, 부하 테스트를 수행 - 산출물 : 성능 테스트, 부하 테스트 결과서 산출물 점검 : 현행 플랫폼과 유사한 타사 제품의 성능 자료등을 분석 - 산출물 : 벤치마킹 테스트 결과서 1-2 플랫폼 성능 특성 항목 경과 시간 : 애플리케이션에 작업을 의뢰한 시간으로부터 처리가 완료될 때까지 걸린 시간 사용율 : 애플리케이션이의로한 작업을 처리하는 동안 cpu, 메모리 등 .. 2022. 3. 30. 이전 1 2 3 4 5 다음