전체 글 58

[jQuery] Ajax 사용예제

jQuery란? jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. 여러 브라우저에서 작동하는 사용하기 쉬운 API를 사용하여 HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션 및 Ajax와 같은 작업을 훨씬 더 간단하게 만듭니다. 다목적성과 확장성의 조합으로 jQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변화시켰습니다. jQuery의 특징과 장점 이렇게 수많은 자바스크립트 라이브러리 중에서도 jQuery가 특히 많이 사용되는 이유는 다음과 같다. jQuery는 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원된다. HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용할 수 있다. 애니메이션 효과나 대화형 처리를 ..

개발/jQuery 2022.11.11

[Node.JS] 6. view EJS 연결하기

제가 개인적으로 참고하려고 정리하는 Node.js 입니다. 두번째 시간은 윈도우10 로컬 개발환경을 만들어 보도록 하겠습니다. Q. EJS가 뭔가요? EJS는 일반 JavaScript로 HTML 마크업을 생성할 수 있는 간단한 템플릿 언어입니다. (참고링크 : https://ejs.co/) EJS -- Embedded JavaScript templates Simple syntax JavaScript code in simple, straightforward scriptlet tags. Just write JavaScript that emits the HTML you want, and get the job done! ejs.co Q. EJS의 특징은? 빠른 컴파일 및 렌더링 단순 템플릿 태그: 사용자 정의 ..

개발/node js 2022.11.09

[Node.JS] 5. express 설치 및 Hello World 띄우기

제가 개인적으로 참고하려고 정리하는 Node.js 입니다. 다섯번째 시간은 express 설치와 express를 이용해서 hello world를 띄어보도록 하겠습니다. Q. express가 뭔가요? express는 Node.js 웹 프레임워크중에 가장 유명한 프레임워크입니다. Node.js를 더욱 손쉽고 빠르게 개발 할 수 있는 이점이 있습니다. 주요기능 (참고:https://junspapa-itdev.tistory.com/7) HTTP 통신 요청(Request; GET, POST, DELETE 등)에 대한 핸들러를 만든다. 템플릿에 데이터를 넣어 응답(response)을 만들기 위해 view의 렌더링 엔진과 결합(integrate)한다. 접속을 위한 포트나 응답 렌더링을 위한 템플릿 위치같은 공통 웹 ..

개발/node js 2022.11.09

[Node.JS] 4. npm사용법

제가 개인적으로 참고하려고 정리하는 Node.js 입니다. 네번째 시간은 npm에 대해 알아 보도록 하겠습니다. Q. npm이 뭘까요? NPM(Node Package Manager)은 패키지를 관리할 수 있는 도구로 Node.js를 설치하면 자동으로 설치됩니다. npm은 패키지를 다운로드할 때 사용하는 패키지 저장소 (package registry) 서비스의 이름으로, 동명의 회사가 운영하고 있습니다. JavaScript와 Node.js의 급격한 인기몰이에 힘입어 빠르게 성장하여 세계 최대의 패키지 저장소가 되었습니다. 2020년 3월 16일 GitHub이 인수한다고 발표했습니다. GitHub은 2018년에 마이크로소프트가 인수했으니 사실상 Microsoft의 소유가 된 것입니다. npm 홈페이지 htt..

개발/node js 2022.11.09

[Node.JS] 3. Hello World 서버 실행하기

제가 개인적으로 참고하려고 정리하는 Node.js 입니다. 세번째 시간은 Hello World를 만들고 서버를 실행해 보도록 하겠습니다. 1. helloWorld.js파일 만들기 원하는 폴더를 생성하고 helloWorld.js파일을 만듭니다. 그리고 아래의 코드를 입력합니다. const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World'); }); server.listen(port, ..

개발/node js 2022.11.09

[Node.JS] 2. 설치 및 윈도우10 로컬 개발환경 만들기

제가 개인적으로 참고하려고 정리하는 Node.js 입니다. 두번째 시간은 윈도우10 로컬 개발환경을 만들어 보도록 하겠습니다. 1. Node.js 설치 일단, 아래의 링크를 통해 설치파일을 다운받아 설치합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 설치확인 cmd창을 열어서 node -v를 입력해서 버전확인하고 node명령어를 입력하고 console.log(1+2)를 입력하여 3이 출력되는지 확인합니다. 다음글 : [Node.JS] 3. Hello World 서버 실행하기 [Node.JS] 3. Hello World 서버 실행하기 제..

개발/node js 2022.11.09

[Node.JS] 1. 소개(특징,장단점) 어떤회사에서 사용할까요?

제가 개인적으로 참고하려고 정리하는 Node.js 입니다. 정리가 부족할 수 있지만 많은 분들도 함께하면 좋겠습니다. Q. Node.JS는 뭘까요? Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 비동기 이벤트 주도 JavaScript 런타임으로써 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계되었습니다. 이는 오늘날 OS 스레드가 일반적으로 사용하는 동시성 모델과는 대조적입니다. 스레드 기반의 네트워크는 상대적으로 비효율적이고 사용하기가 몹시 어렵습니다. 게다가 잠금이 없으므로 Node.js 의 사용자는 프로세스의 교착상태에 대해서 걱정할 필요가 없습니다. Node.js 에서 I/O를 직접 수행하는 함수는 거의 없으므로 프로세스는 결과 ..

개발/node js 2022.11.08

노원 근린공원의 숲속정원

찌는듯한 더위가 연일 계속 된다. 지인에게 노원의 근린공원 매미소리가 시원하다는 이야기를 들었었는데.. 근처에 볼 일도 있고 해서 한번 들려보았다. 들어서자마자 들리는 매미소리!!! 시원하다는 이야기를 괜히 하는게 아니였다. 잘 정비된 공원이다. 요즘 노원구가 살기 좋다더니 숲속정원부터 순방!!했다..FOREST Garden 이곳은 그래도 흙을 밟아 볼 수 있게 해 놓았다.건강해 지는 느낌 그늘이 있어서 시원하다 숲속정원을 나오니 바로 목조로 된 다리가 나온다 다리를 건너다 본 인조 개울이라고 해야하나 요렇게 물이 있으니 시원하고 매미소리 지져귀니 천국이 따로 없네 깨끗하고 시원해보이는 물 그리고 바라본 하늘은 맑은 날씨를 대변한다.

리뷰/여행 2017.08.10

대명비발디 산책로와 곤도라 후기

대명 비발디 산책로는 여타 국립공원 산책로 처럼 잘 정비 되어 있다. 걸어다니기 쉽게 도보정비 뿐만 작은 계곡이 있어서 물이 흐르는 소리를 들으면서 산책이 가능하니!! 그야 말로 시원한 공기와 좋은 냄새를 맡으면서 힐링하는 기분이다. 대명 비발디 산책로다. 도보가 잘 정비 되어있다!! 올라가다 볼 수 있는 정자와 작은 계곡 산책하며 볼 수있다. 손으로 직접 만져보니! 정말 시원했다. 산책 후에 대명비발디 곤도라 타러 왔다! 가족들과 놀러 올때마다 꼭 타는 대명비발디 곤도라는 풍경이 좋아서 기분전환이 된다. 대인은 10000원 소인은 6000원투숙할인 및 여러가지 할인이 있으니 꼭 할인 받자!! 곤도라 인기가 많아서 뒤에 줄서는 사람도 많다. 곤도라 안에 서 본 대명비발디!!! 뒤로는 산과 나무의 광경이 ..

리뷰/여행 2017.08.08

오션월드 워터파크와 찜질방 후기

찌는듯한 더위 서울의 날씨 33도 35도를 들락날락!!! 물놀이 만큼 좋은 해결방법이 없다!! 그래서 찾은 곳은 대명비발디 오션월드다. 하태하태!!! 지코가 생각나는 곳. 새로 생긴 오션월드 유수풀!! 요번에 오션월드 가보니 유수풀이 두개였다. 원래 유수풀 하나 였는데 성수기일때 정말 사람이 너무 많아서 물반 사람반!!! 사고날까 무서웠다.. 근데 유수풀 하나 더 생기니 좋은듯.. 글구 확실히 새로 생긴 유수풀이 더 좋다. 나의 주관적인 생각인데 파도도 좀 더 재밌고 유수풀의 간격이 기존보다 넓어 보이는 느낌!! 몬스터 블라스터 예약 해놓고 다른 놀이기구 타러 가는 중이다. 몬스터 블라스터 타려면 3시간 대기시간 걸리고 그랬는데.. 예약제로 하니까 확실히 좋다!! 예약시간 전에 다른 놀이기구 타도 되니까..

리뷰/여행 2017.08.07
728x90