Vue.js사용자 인터페이스를 구축하기 위한 프로그레시브 프레임워크입니다. 다른 모놀로식(monolithic : 단단히 짜여 하나로 되어 있는) 프레임워크와 달리 Vue는 작은 단위로 쪼개서 사용(적용)할 수 있도록 설계되어 있습니다. 핵심 라이브러리는 view 계층에 초점을 맞추고 있습니다. 따라서 다른 라이브러리 보다 사용하기 쉽고, 기존 프로젝트와 통합하는 것도 간단합니다. 또한, 방대한 자바스크립트 툴(소스)과 방대한 라이브러리를 함께 사용하여 정교한 SPA(단일 페이지 응용 프로그램 : Single Page Application) 개발도 가능합니다. 참고 URLhttps://kr.vuejs.org/v2/guide/index.html Vue.j 사용 시 장점 - 메리트1. 부담없는 사용 방법 : ..
출처 : REFFECT Express.js(node.js)からMySQLへの接続とCRUD操作 | アールエフェクト express.jsとMySQLデータベースへの接続方法や各種SQL文の実行方法について記述しています。express.jsのインストールからデータベースの作成から、データの挿入まで1つ1つ説明を行なっているので、express.jsでMySQLを操作したいと思っている人の参考になるかと思います。 reffect.co.jp express.js(node.js) 경험이 적은 분들은 어떻게 데이터베이스에 연결(접속)하여 데이터를 생성 / 읽기 / 갱신 / 삭제할 것인지 궁금해하실 겁니다. 그런 분들을 대상으로 이 포스팅에선 간단한 예제를 통해 express.js에서 MySQL을 사용하는 SQL 문장을 설명합니다. 이 글을 읽고 나면..
할 일 관리, 갤럭시 리마인더 앱 사용법 및 기능 자세히 알아보려고 합니다. 오늘은 삼성 갤럭시노트 앱 중 리마인더 앱을 어떻게 사용하는지 알아볼게요. 그리고 빅스비를 아직 설정하지 않았다면, 아래 글을 읽고 빅스비 부터 먼저 설정하는 걸 추천합니다. 빅스비 사용법 1: 보이스(내 목소리) 설정하고 "배고파"로 맛집 찾기 친구 만났다가 우연히 알게 된 삼성 빅스비 사용법(음성인식)입니다. 아이폰 쓸 때도 시리를 단 한 번도 사용한 적이 없는데, 막상 빅스비 설정하고 사용법 배워놓고 보니 시리도 써 볼걸... 하는 아쉬움이 생기네.. codingcoding.tistory.com 갤럭시 리마인더란 앱은 할 일을 관리해주는 어플인데 실제로 어떻게 쓰는지, 그리고 어떤 기능들이 있는지 자세히 알아보겠습니다. 제..
프레임워크 요구 기능TypeScript 대응라우터 기능비동기 처리 지원검증 기능테스트 기능 TypeScript, 비동기 처리 등의 최신 개발에 필수적인 기능. 그리고 위의 기능이 요즘 프레임워크에 필요하다고 생각합니다. 어떤 프레임워크 사용할까?지금 GitHub에서 [node framework] 라고 검색하면 약 8,000개의 저장소(Repository)가 보일만큼 수많은 Node.js 프레임워크가 존재합니다. 그 중에서 모든 것을 상세하게 비교하고 결정하는 것은 매우 어렵기 때문에, 점유율, 고성능(하이 퍼포먼스) 중에서 3개를 선택해 비교했습니다. express.js | https://expressjs.com/프레임워크 중 점유율 1위참고 : https://x-team.com/blog/most-pop..
◆ await return 둘 다 없다면 다음에 동작하는 미들웨어는 비동기 처리를 기다리지 않아요 ◆ 비동기 처리 이후 설정이 없으면 Not Found 됩니다 아래는 단순히 정적 파일을 전달하는 Koa 애플리케이션 오류 예시입니다. 찾을 수 없는 경로에선 ok라는 문자열을 리턴합니다 const koa = require("koa")const app = new koa() app.use(require("koa-static")(".")) app.use(ctx => { ctx.body = "ok"}) app.listen(3001) "/"에 접속하면 ok가 표시됩니다. 여기에 테스트용으로 여러 가지를 추가합니다. 일단 아무것도 하지 않습니다. 미들웨어를 추가해도 동작하진 않습니다. const koa = requir..
빅스비 루틴 무엇인지부터 설명할게요. 나의 단말 사용법 패턴을 분석해 특정 조건에서 자주 변경되는 기능을 자동으로 변경해주는 갤럭시 노트 10 기능입니다. 집에 들어가면 와이파이를 자주 켜는 사용자의 경우, 분석한 내용을 기반으로 루틴으로 추천해주고, 사용자 저장 시 자동으로 조건(집에 왔을 때) 만족 시에 동작(와이파이 켜기)을 실행해 주는 갤럭시 노트10 기능입니다. 나의 사용법 패턴을 학습하고 상황을 인식해 그에 맞는 여러 가지 유용한 동작과 앱숏컷, 위젯 등을 제안하고 설정할 수 있게 해줍니다. 추가로 빅스비 루틴이 실행된 이후에 해당 조건을 벗어나 루틴이 해제될 경우 설정값은 이전 값으로 복원이 됩니다. 예를 들면 집 루틴이 해제(집에서 벗어날 때)될 때 와이파이가 자동으로 꺼집니다. 단, 루틴..
html 반응형 이미지(responsive image) 핵심인 srcset sizes 두 속성에 대해 자세히 알아보겠습니다. 이미지 크기를 다루는데 필요한 핵심 속성이며, html 기초에 해당하니 끝까지 정독해 주세요. 반응형 이미지(Responsive Image 리스폰시브 이미지)화면 폭과 단말기(PC, 스마트 폰 등)에 따라 이미지 변환 왜 중요한가스마트폰 같은 작은 화면에 표시할 때 5000 x 2500 같은 큰 이미지 파일을 보내면, 의미 없는 통신 시간 때문에 사용자가 불쌍스마트폰에 어울리는 작은 이미지를 PC로 열면 이미지가 흐릿그래서 표시 장치에 따라 이미지를 바꿀 필요가 있음 : Responsive Image 필요 무엇을 알아야 할까HTML5에서 추가된 속성 img srcset 과 size..
"Koa + Javascript + Node + Promise + 비동기(async await)" 이렇게 활용하여 자바스크립트 비동기를 구현하는 방법입니다. 당연히 프로미스를 사용했고, node 환경에선 가장 적절한 방법이라 생각합니다. Node 비동기형 환경Node는 비동기 환경이라 다른 언어랑 많이 다릅니다. 시간이 소요되는 함수 A가 존재한다고 칩시다. 동기형 환경에서는 A가 끝나기를 기다렸다가 다음 B를 실행합니다. 반면, 비동기 환경에서는 A를 건너뛰고 B를 실행합니다. 이는 아래의 간단한 실험으로 확인할 수 있습니다. Python(동기형 환경) // exe.pyimport time def sayHello(): time.sleep(2) print("hello") sayHello()print("h..
서론 본론 결론 생략하고 faststone image viewer 만 보여드립니다. faststone image viewer 다운로드 사이트 https://www.faststone.org/ https://www.faststone.org/FSIVDownload.htm 패스트 스톤 다운로드할 땐, 언어 선택이 없습니다. faststone image viewer 실행 후에 아래처럼 Korean으로 설정하세요. 한국어 설정 (언어선택 - Korean) 효과 - 범프맵 효과 설정 - 스킨 선택 - Dark 만들기 - 슬라이드 쇼 빌더 도구 - JPEG 메타 데이터 제거 도구 - 타임스탬프 변경 도구 - 이미지 비교 설정 - 환경설정 faststone image viewer 다운로드 사이트 https://www.f..
우리나라에서 압축 프로그램으로 주로 사용되는 반디집 분할압축 방법 소개합니다. 블로그 서비스로 유명한 네이버, 티스토리는 각각 파일 첨부를 10MB로 제한하고 있습니다. 블로그뿐만 아니라 메일 파일전송 등의 서비스는 대게 10MB가 최대 용량입니다. 그래서 10MB 넘는 네이버 메일 대용량 첨부 등을 할 땐 반드시 반디집 분할압축 필요합니다. 먼저 반디집 분할압축 단계를 간단히 소개하고 사진을 이용해 자세한 방법 이어서 설명하겠습니다. 반디집이 없다면 아래 반디집 다운로드 사이트에서 설치 파일을 다운로드 먼저 하시기를 바랍니다. 반디집 다운로드반디집 다운로드 BANDIZIP : Windows용 반디집 반디집 7 버전은 신규 에디션으로 유료입니다. BANDIZIP 홈페이지 다운로드 버튼 중 오른쪽 6.26..
이 포스트는 Node.js에서 진짜 스레드를 취급하는 Worker Threads 를 활용해, 스레드 간에 데이터 송수신하는 방법을 설명합니다. 이 글을 통해 알 수 있는 것node.js 메인 스레드에서 Worker 로 데이터 전송 방법?Worker 에서 메인 스레드에 데이터 송신 방법?Worker 간의 데이터 송수신? 메인 스레드에서 Worker 로 데이터 전송 방법메인 스레드에서 Worker 로 데이터를 송신하려면 Worker 의 postMessage 함수를 사용합니다. 다음 예제는 'Hello!' 문자열 데이터를 Worker 로 보내는 것입니다. // main.jsconst {Worker} = require('worker_threads')const worker = new Worker('./worker..
회사 노트북에 강제로 설치된 ahnlab safe transaction 때문에 브라우저 동작이 매우 느립니다. 대체 이걸 어떻게 할까 고민하는 와중에 아래 영상을 보게 되었는데요. 제거 또는 환경설정 변경이 정답이었습니다. 출처 : ahnlab safe transaction 프로그램 정체 알아보기! 결론적으로 회사 보안 내규 때문에 위 영상대로 프로그램을 지우거나 기능을 끄진 못했습니다. 하지만, 집에선 데스크탑에 설치된 이 프로그램을 삭제해 한시름 놓았네요. 쓸데없는 보안 프로그램 때문에 고민인 분들은 위 영상 보시거나 포스트 발췌본을 보시며 해결하시기 바랍니다. 국내 인터넷 뱅킹, 관공서, 금융기관 사이트를 이용하기 위해서 설치하는 보안 프로그램 종류가 제각각이라 2~3곳만 이용해도 10개 이상의 보..