JavaScript 검색 결과

해당 글 6건

[Node.js] http모듈 활용 - REST API와 라우팅

Node.js 교과서를 통해 공부한 내용을 바탕으로 포스팅합니다. 1. REST API란? REST API는 REpresentational State Transfer의 약어로 네트워크 구조의 한 형식입니다. 서버의 자원을 정의하고, 자원에 대한 주소를 지정하는 방법을 가리킵니다. 주소는 의미를 명확히 전달하기 위해 명사로 구성합니다. - 예시 /user : 사용자 정보에 관련된 자원 요청 /post : 게시글에 관련된 자원을 요청 또한 주소 외에도 총 다섯개의 HTTP 요청 메서드 라는 것을 사용합니다. GET : 서버 자원을 가져오고자 할 때 사용 POST : 서버에 자원을 새로 등록하고자 할 때 사용 PUT : 서버의 자원을 요청에 들어 있는 자원으로 치환할 때 사용 PATCH : 서버 자원의 일부만..
Web/Node.js 2020. 3. 14. 03:38

Vue-CLI 프로젝트 만들기

저는 "4"버전으로 프로젝트를 만들고 프로젝트 구조를 이해하는 시간을 가졌습니다..😂 1. 설치 일단 1,2버전의 vue-cli가 설치되어 있다면 제거 후 최신버전으로 설치해주세요. 패키지명이 바뀌어서 1,2 버전은 vue-cli이고 3,4버전은 vue/cli입니다. 설치 후 버전 확인까지 되면 끝! 저는 @vue/cli 4.1.1 이렇게 뜹니다. (@은 NPM에 최근에 도입된 Scoped package를 의미) npm r -g vue-cli npm install -g @vue/cli vue --version 2. 프로젝트 생성 포트폴리오 사이트를 위한 프로젝트기 때문에 프로젝트 이름은 'hyem-portfolio'로 설정했습니다. 'vue create 프로젝트명' 명령으로 프로젝트 생성이 완료되면 해당..
Web/Vue.js 2019. 12. 5. 05:01

[Vue.js] 컴포넌트

1. 컴포넌트란? Vue.js에서 컴포넌트는 코드 베이스를 줄이고 단순화하는 강력한 구성 요소 어떻게 Vue.js 컴포넌트를 생성하느냐에 따라 Vue.js의 개발속도와 코드의 가독성, 그리고 효율성이 현저히 차이남 코드에서 반복되는 부분을 가져와 이해하기 쉬운 작은 논리적 부분으로 분리 (쉽게 말해, 화면을 구성할 수 있는 블록이라고 생각할 수 있을 것 같다.) 애플리케이션 내에서 재사용 가능하며 코드를 이해하기 쉽다는게 장점이다. 2. 컴포넌트 등록 컴포넌트 등록은 '전역 등록'과 '지역 등록'으로 나눌 수 있다. 1) 전역 등록 컴포넌트 전역등록은 프로그래밍에서 전역 변수와 같은 의미이다. 인스턴스 생성 후 어느 페이지 또는 컴포넌트에서 사용할 수 있게 Global 하게 등록할 수 있다. 2) 지역 ..
Web/Vue.js 2019. 12. 4. 16:23

Vue.js란?

Vue.js를 공부하기에 앞서 Vue.js가 뭔지! 정리해봅니다🤓 1. Vue.js란? Vue.js는 Evan You가 만들었으며, 2014년 릴리즈를 시작으로 꾸준히 발전하고 있는 자바스크립트 프레임워크입니다. 컨트롤러 대신 뷰 모델을 가지는 MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인되었으며, 재사용이 가능한 UI들을 묶어서 사용할 수 있습니다. 양방향 웹 개발을 쉽게 해주기 위해 프론트엔드 개발에 사용됩니다. 현재 프론트엔드 프레임워크 중 Angular, React와 함께 가장 인기있는 프레임워크로 손꼽힙니다. 2. 역사 2006년 존 레식이 제이쿼리(jQuery)를 출시하면서 HTML의 클라이언트 단 스크립트를 단순화 시켰고 클라이언트단을 위한 여러 프레임워크와 라이브러..
Web/Vue.js 2019. 11. 7. 04:23

[Bootstrap] modal 사용하기

설치 글 이후에 다음날 게시하려 했지만,, 개인사정으로 이렇게 며칠이 지나고 글을 씁니다😂 (4학년되면 할게 조금은 줄어드는줄 알았더니 아니었네여,,넘바쁨) 부트스트랩의 유용한 기능 중 한가지인 모달 팝업을 사용하기위한 간단한 예시를 게시해볼게요. 저는 보통 로그인 창을 띄우거나 이미지를 누르면 간단한 정보를 보여주거나,,등등 페이지를 이동하지 않고 다른 구성의 창을 보여줘야할 때 유용하게 모달 팝업 기능을 사용하고 있어요! 부트스트랩이 설치되어 있다는 전제하에 진행해볼게요 1. Modal 기본 사용법 Launch demo modal Modal title × ... Close Save changes 버튼을 눌렀을 때, 모달 창이 띄워지게 됩니다. button의 data-toggle 속성을 "modal"로..
Web/Bootstrap 2019. 5. 22. 00:39