디노문경

이 글은 인프런에서 1분코딩님의 '인터랙티브 웹 개발 제대로 시작하기' 강의를 듣고 정리한 글입니다. 인터랙티브 웹 개발 제대로 시작하기 - 인프런 크리에이티브 넘치는 인터랙티브 웹페이지를 개발할 수 있는 기본기를 다질 수 있는 수업입니다. 초급 웹 개발 UX/UI 프로그래밍 언어 Front-End HTML/CSS Javascript 웹 퍼블리싱 웹 개발 UX/UI 인터랙티브 www.inflearn.com See the Pen NWGQeyL by mungyeung (@mungyeung) on CodePen. 핵심 흐름 1. 앞면과 뒤면에도 3D가 적용될 수 있도록 앞면과 뒤면을 감싸고 있는 카드에 transform-style: preserve-3d;를 적용시킨다. (perspective는 자신의 직계자식..

What is HTTP What is HTTP? HTTP stands for Hyper Text Transfer Protocol WWW is about communication between web clients and servers Communication between client computers and web servers is done by sending HTTP Requests and receiving HTTP Responses World Wide Web Commun www.w3schools.com 위의 글을 번역한 글입니다. HTTP의 정의 HTTP (Hyper Text Transfer Protocol)은 Client와 Server가 정보를 어떻게 주고 받을 것인가에 대한 약속이다. 주로 h..

서문 평소에 나는 유럽 학생들과 미국 학생들에게 거듭해서 이렇게 타이르곤 한다. "성공을 목표로 삼지 말라. 성공을 목표로 삼고, 그것을 표적으로 하면 할수록 그것으로부터 더욱 더 멀어질 뿐이다. 성공은 행복과 마찬가지로 찾을 수 있는 것이 아니라 찾아오는 것이다. 행복은 반드시 찾아오게 되어 있으며, 성공도 마찬가지이다. 그것에 무관심함으로써 저절로 찾아오도록 해야 한다. 나는 여러분이 양심의 소리에 귀를 기울이고, 그것이 원하는 대로 확실하게 행동할 것을 권한다. 그러면 언젠가는 정말로 성공이 찾아온 것을 보게 될 날이 올 것이다. 왜냐하면 여러분이 성공에 대해 생각하는 것을 잊어버리고 있었기 때문이다." 성공을 목표로 삼지 않고, 무관심함으로써 저절로 찾아오도록 하라는 저자의 말에는 어떤 의미가 담..

제 1부 01. 정보는 넘쳐나고 결정할 것은 너무 많다. - 인지 과부하의 속사정 우리는 대부분 '만족하기'라는 생활전략에 따라 살고 있다. 이 용어는 노벨상 수상자 하버트 사이먼이 만든 것이다. 사이먼은 최고의 선택이 아닌 만족스러운 선택을 내리는 것을 기술할 단어를 원했다. 결정적으로 중요한 문제가 아닌 한 우리는 이 정도면 됐다 싶은 만족스러운 선택을 내린다. 우리는 우리가 이용하는 세탁소가 최고의 세탁소인지 알지 못한다. 그저 그 정도면 만족스럽다고 생각할 뿐이다. '만족하기'는 인간이 생산적으로 활동할 수 있게 만들어주는 토대 중 하나다. 중요하지 않은 결정에 시간을 낭비하고 싶지 않을 때, 더 정확히 표현하면 개선해봤자 우리의 행복이나 만족을 별로 높여주지도 못할 것을 찾아내느라 시간을 낭비하..

Webpack이란? 웹팩의 기본 개념 자바스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. 그렇다고 여러개 파일을 브라우져에서 로딩하는 것은 그만큼 네트웍 비용을 치뤄야하는 단점이 있다. 뿐만 아니라 각 파일은 서로의 스코프를 침범하지 않아야 하는데 잘못 작성할 경우 변수 충돌의 위험성도 있다. jeonghwan-kim.github.io 한 문장으로 말하면... 여러 개의 파일들을 합쳐주는 것!? 설치 npm i webpack webpack-cli (webpack-cli는 콘솔에서 webpack을 사용할 수 있게 해준다.) 설정 1. package.json 수정 //package.json { "scripts": { "dev:server": "nodemon --exec babel-node i..

김성엽의 Windows 프로그래밍 이야기 기본적으로 Windows 프로그래밍을 배운다는 뜻은 Win32 API를 사용한 응용 프로그램을 만드는 방법에 ... blog.naver.com 김성엽님의 Windows 프로그래밍 이야기를 보고 정리한 글입니다. 마우스 클릭한 위치에 사각형 그리기 마우스 클릭한 위치에 사각형 그리기 : Win32 프로그래밍 관련 전체 목차http://blog.naver.com/tipsware/221059977193​이 강좌는 아래에 링크... blog.naver.com 고정 위치에 사각형 그리기 LRESULT CALLBACK WndProc(HWND hWnd, UNIT uMsg, WPARAM wParam, LPARAM lParam) { if (uMsg == WM_LBUTTONDOWN..

김성엽의 Windows 프로그래밍 이야기 기본적으로 Windows 프로그래밍을 배운다는 뜻은 Win32 API를 사용한 응용 프로그램을 만드는 방법에 ... blog.naver.com 김성엽의 Windows 프로그래밍 이야기를 보고 정리한 글입니다. 비트맵에 대하여 비트맵에 대하여 : Win32 프로그래밍 관련 전체 목차http://blog.naver.com/tipsware/221059977193 1. 컴퓨터의 화면 출력 ... blog.naver.com 해상도가 1920 x 1080이라고 되어 있는 것은 가로 방향으로 1920개의 점이 출력될 수 있고 세로 방향으로는 1080개의 점이 출력될 수 있다는 뜻이다. 즉, 화면 전체가 1920x1080 = 2,073,600개의 점으로 구성되어 있다는 뜻이다...

김성엽의 Windows 프로그래밍 이야기 기본적으로 Windows 프로그래밍을 배운다는 뜻은 Win32 API를 사용한 응용 프로그램을 만드는 방법에 ... blog.naver.com 김성엽님의 Windows 프로그래밍 이야기를 보고 정리한 글입니다. Win32 프로그래밍의 시작 Win32 프로그래밍의 시작 : Win32 프로그래밍 관련 전체 목차http://blog.naver.com/tipsware/2210599771931. Win32 프로젝트 생성... blog.naver.com 새 프로젝트 만들기에서 Windows 데스크톱 마법사 선택하고 다음! 프로젝트 이름 정해주고 애플리케이션 종류는 데스크톱 애플리케이션으로 하고 추가 옵션은 미리 컴파일된 헤더를 선택한다. // MyFirstWin32.cpp ..

Nomad Coders % Complete academy.nomadcoders.co Mongoose 설치와 사용방법 이 수업에서는 데이터베이스로 MongoDB를 사용했다. 그리고 MongoDB를 Node.js에서 사용할 수 있게 도와주는 것이 Mongoose이다. 설치(먼저, MongoDB를 설치해야 함.) npm i mongoose 사용 //db.js import mongoose from "mongoose"; import dotenv from "dotenv"; dotenv.config(); mongoose.connect(process.env.MONGO_URL, { useNewUrlParser: true, useFindAndModify: false, }); const db = mongoose.connec..

김성엽의 Windows 프로그래밍 이야기 기본적으로 Windows 프로그래밍을 배운다는 뜻은 Win32 API를 사용한 응용 프로그램을 만드는 방법에 ... blog.naver.com 김성엽님의 Windows 프로그래밍 이야기를 보고 정리한 글입니다. 'Window Class'에 대하여~ 'Window Class'에 대하여~ : Win32 프로그래밍 관련 전체 목차http://blog.naver.com/tipsware/221059977193이 글은 C++ 언어의 cla... blog.naver.com Windows 운영체제는 멀티태스킹을 지원하기 때문에 동시에 여러 개의 프로그램을 실행할 수 있다. 때문에 운영체제 입장에서는 중복된 데이터를 줄이기 위해 많은 고민을 했을 것이다. Window Proced..