코딩 개발

코딩 개발/Javascript

Express.js

node.js 기반으로 서버를 개발한다는 것은 자유도가 높고 무한한 확장 가능성을 이야기합니다. express.js 와 같이 Server-side Framework들이 무수히 많기 때문입니다. 이러한 server-side Framework 를 사용하지 않고 node.js 에 내장된 http로 진행을 하게 된다면 매우 복잡한 로직을 진행하는 어플리케이션이나 큰 규모의 서비스를 제공해야하는 경우 코드가 지저분해지게 됩니다. 그래서 이러한 불편함을 해소하기 위해서 탄생한 것이 바로 express와 같은 프레임워크입니다. ” Express is fast, unopinionated, minimalist web framework for node.js.” 빠르고 자유롭고 가벼운 것이랍니다. 시작부터 벌써 개운하군요...

코딩 개발

MySQL - table 작성

MySQL을 먼저 구동을 시키고 진행을 해보겠습니다. (우분투 환경에서 실행했고, 설치 방법은 구글링 ㄱㄱ) $ mysql -u root -p 실행하고 database를 확인 하기 위해 show databases;를 이용합니다. 이런 화면이 나타나게 됩니다. 그럼 database를 선택하고 table(표)를 확인합니다. show tables; 를 이용해서 (터미널에서 ';'를 사용하지 않으면 진행이 되지 않습니다. 하지만 tableplus라는 프로그램을 사용한다면 그런 걱정이 없습니다.) 아무튼 show tables;를 실행해주면 테이블을 생성하기 이전에 나만의 database를 생성하면 좋겠죠? 저는 이번 프로젝트가 instagram 모방하기라서 database를 instagram으로 생성해보겠습니다...

코딩 개발/Javascript

Node.js (사용 이유)

Node.js 를 사용하는 이유 (중요 3가지) 1. Frontend 와 Backend 기술 스택 통합 프론트엔드와 백엔드 양쪽에 동일한 언어를 사용하면 코드를 모듈로 만들어서 재사용할 수 있습니다. Javascript로 훈련된 개발자는 최소한의 노력으로 서버 측 프로그래밍을 시작할 수 있습니다. 현대 웹 개발에서 가장 중요한 개발팀의 전반적인 생산성 향상에 도움이 됩니다. 2. 빠른 처리 속도와 동시 요청 처리 성능 Node.js에 사용된 C++ 로 작성된 V8엔진은 인터프리터 방식이 아닌 JavaScript로 작성된 코드를 컴퓨터가 해석하기 쉬운 바이트 코드로 변환하는 JIT 컴파일 방식을 채택하고 있으며, V8의 최적화 기법으로 놀라운 속도로 작업을 수행합니다. Google이 엔진에 막대한 투자를 ..

코딩 개발/Javascript

API

API란? API(application Programming Interface)의 사전적 정의는 '응용 프로그램에서 사용할 수 있도록, 운영 체제 혹은 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스'를 말합니다. (뭔....말이냐 이게) Interface 란? 서로 다른 두개의 물체가 상호간에 정보나 신호를 주고받기 위해서 필요한 접점이나 경계면을 말합니다. 상호간에 소통을 위해 만들어진 접점입니다. UI란? user interface / 인간과 컴퓨터 사이에서 의사소통을 목적으로 만들어진 물리적, 가상적 접점을 의미합니다. 사용자 인터페이스는 인간과 컴퓨터 사이에서 상호간에 소통할 수 있도록 입력, 출력 역할을 수행합니다. UI 종류에는 hardware user interface, ..

코딩 개발/Javascript

Web 서비스의 역사와 발전

반복학습이 중요합니다. 다시 작성해보겠습니다. Internet 자주 사용하는 인터넷이 과연 무엇일까요? 사전적인 의미로는 여러 통신망을 하나로 연결한다는 inter + network 입니다. 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망 -> 컴퓨터 네트워크를 의미합니다. 1960년대, 인터넷의 탄생 1950 - 모뎀(modem) 미 국방부가 방공(적의 항공기나 미사일의 공격을 막음) 시스템을 구축하기 위해 개발 통신 기술과 컴퓨터 기술의 결합 컴퓨터에서 사용하는 디지털 데이터를 전화선이 활용할 수 있는 아날로그 신호로 바꿈으로써 광범위하게 설치되어 있는 전화선을 통해 컴퓨터 통신을 가능하게 하는 장치 Modem = modulation(변조) + Demodulati..

코딩 개발/Javascript

Javascript - event

addEventListener 어떤 이벤트를 진행했을 때 함수 내부의 내용을 실행을 요청하는 함수입니다. (event 뜻 : 사건, 행사, 경기 ...) 요소.addEventListener(이벤트종류, function() { //이벤트가 일어났을 때 실행할 내용 }); 지정한 요소에 이벤트리스너 함수를 지정하고 이벤트의 종류를 사용자가 실행하면 그 안에 함수가 실행되는 느낌입니다. 이벤트 종류에는 많은 것들이 있는데, (그냥.. 사용하고 싶은 이벤트가 있으면 찾아서 하는 것으로... 뭔가 직접 사용해봐야 알 것 같다) click : 클릭 contextmenu : 마우스 오른쪽 메뉴 선택 이벤트, 키보드 dblclick : 더블클릭 mousedown : 마우스를 눌렀을 때 mouseenter : 마우스가 ..

호소세
'코딩 개발' 카테고리의 글 목록 (34 Page)