| Node.js의 BE 또는 FE Library / Framework란? (0) | 2021.08.05 |
|---|---|
| 'REST API'란 무엇인가? (0) | 2021.08.05 |
| 라이브러리와 프레임워크의 차이는? (0) | 2021.08.05 |
| 정적 타입 언어 vs 동적 타입 언어 (0) | 2021.08.05 |
| npm이란? (0) | 2021.08.05 |
Visual Studio Code의 준말이다.
c언어나 c++언어 공부해보신 분이라면 visual studio를 써보셨을 것이다. 이 vs을 웹 버전으로 만든 IDE이다.
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
참고해보자!
vsc plugin 사용하는분이라면 모두 쓰는 플러그인 같다.
태그를 쓸때 수고로움을 덜어준다.
작성할때 여는 태그만 작성하고 여는 태그나 닫는 태그 중 한 가지만 수정을 해도 두 가지 동시에 수정이 된다.
이 플러그인이 없다면 여는태그 닫는 태그 처음 작성시 모두 작성하고 수정할 때도 모두 수정해야한다.
개인적으로도 매우 추천한다.
왜냐하면 js를 사용할때 괄호들이 중첩되는 경우가 많은데 이를 다른 색상으로 구분해준다.
확실히 프로그램오류를 방지해주는 것 같다.
Material Icon Theme - Visual Studio Marketplace
Extension for Visual Studio Code - Material Design Icons for Visual Studio Code
marketplace.visualstudio.com
폴더를 icon으로 표시해줘 직관적으로 파악하기 쉽게 해준다. 많은 폴더를 사용할때 매우 유용하다.
javascript 문법을 자동검사해준다.
+ TSLint
typescript문법을 자동으로 검사해준다.
+ Vetur
그냥 Vue쓸때 필수이다.
저는 React를 사용하여 개발할 때 styled-components를 주로 사용하여 개발할 수 있습니다. styled-components는 백틱(`) 안에서 css로 스타일링을 하는데, 이 때 CSS의 Syntax Highlighting을 도와주는 확장입니다.
예쁘기도 하지만 실제 작업을 하는 데에도 많은 도움이 된다고하네요
참고 + 내가 쓰는 plugin
https://redcow77.tistory.com/409
[VS Code] Microsoft Visual Studio Code 확장 플러그인 추천 - Extension 추천
Microsoft Visual Studio Code는 확장 기능이 풍부한 코드 편집기입니다. Visual Studio Code를 설치한 후에 확장 플러그인 기능인 Extension을 설치하게 되면 높은 사용성을 가져올 수 있습니다. 확장 프로그램.
redcow77.tistory.com
Visual Studio Code 추천 확장(extension) 플러그인
Visual Studio Code(vs code)는 마이크로 소프트에서 개발한 문서 편집기로 웹 개발에 주로 사용된다. 초기에는 Atom이나 Sublime Text에 비하면 여러가지로 부족했지만 업데이트를 반복하면서 확장(extension)
teserre.tistory.com
내가 사용하는 VSCode 플러그인들(VSCode 플러그인 추천)
Visual Studio Code Visual Studio Code(이하 VSCode)는 Microsoft에서 오픈 소스로 개발하고 배포하는 텍스트 에디터입니다. 윈도우, macOS, 리눅스를 모두 지원하는 크로스 플랫폼 에디터이기도 하죠. 다양한..
blog.flynnpark.dev
https://creavart.tistory.com/174#gsc.tab=0
나도 쓰는 VS Code 사용기 및 확장 플러그인 추천
오늘은 VS Code - Visual Studio Code 확장 플러그인 (설치 후 필요프록그램을 추가하는 것) 추천 포스팅을 하려고 합니다. 혹시 html이나 파이썬 같은 것을 코딩하시는 분들은 어떤 에디터를 주로 사용하
creavart.tistory.com
.React.js
| React는 페이스북에서 개발한 유저 인터페이스(User Interface, UI) 라이브러리다. 페이스북, 인스타그램, 넷플릭스, 에어비앤비, 애플 등 다양한 곳에서 활용한다.업데이트를 활발히 진행하고 지속적인 보완이 이뤄진다는 점에서 신뢰를 얻고 있다. 컴포넌트 React로 구성된 웹 페이지는 다양한 컴포넌트로 구성되어 있다. 복잡한 UI를 작은 섹션으로 쪼개어 구성하고, 각 섹션을 재사용할 수 있어 단순하고 유연하다. 가상 DOM (Virtual DOM) React는 Virtual DOM을 통해 빠르게 렌더링 합니다. 웹 페이지를 웹 브라우저에 표현하기 위해 DOM(Document Object Model)을 업데이트하는 것은 중요하지만, 전체 문서를 업데이트 하는 데에는 많은 시간이 소요된다. Virtual DOM은 Origin DOM을 추상화하여 객체화한 형태로, Origin DOM을 실제 조작하지 않아 브라우저 리플로우나 리페인트 횟수를 줄여 퍼포먼스를 높인다. JSX(Java Script XML) React는 일반 JavaScript 문법이 아닌 JSX(Java Script XML) 문법을 사용하여 UI를 템플릿화 한다. JSX는 HTML과 유사한 형태이기 때문에 구문 작성이 쉬워 간단하게 컴포넌트를 만들어 사용한다. |
·Express.js
| Express.js는 개발자들이 가장 많이, 빨리 사용하기 시작하는 프레임워크이며 유연하고 속도가 빠르다. 또한 가볍고 여러 플랫폼에서 일관적이게 사용되므로 웹 및 모바일 애플리케이션 모두에 적합하다. 많은 HTTP 유틸리티 함수를 많은 미들웨어(서로 다른 기종의 하드웨어나 프로토콜 등을 연결하여 응용프로그램과 환경 간의 원만한 통신이 이루어질 수 있게 해주는 소프트웨어)를 사용하여 API를 빠르고 쉽게 생성할 수 있다. |
·Meteor.js
| 최신의 웹과 모바일 애플리케이션 개발을 위한 Javascript 플랫폼으로 실시간 업데이트를 한다는 장점을 가지고 있다. 또한 웹, ios, android, 데스크톱에 동일한 코드를 사용하고, 코드는 가볍다. 하지만 기본 위젯 라이브러리가 없고, PWA(Prograssive Web Apps: 앱 수준으로 발전해나가는 웹)에 대한 기본 지원이 부족하다. |
·Nest.js
| 효율적이고 확장 가능한 서버 측 애플리케이션을 위한 node.js 프레임워크이다. 모듈식 아키텍처로 인해 유연하고, Typescript를 사용하기 때문에 다른 프레임워크와 다른 이점을 얻는다. 코드를 체계적으로 배열하기 때문에 외부 라이브러리를 사용하기 쉽고, Express.js의 기능을 활용하기 때문에 개발자는 연결된 관리 가능한 애플리케이션을 구축할 수 있다. 하지만 자료가 충분하지 않는 단점이 있다. |
https://www.hebergementwebs.com/%EA%B0%9C%EB%B0%9C/6-nodejs-frameworks-to-know-in-2021
2021 년에 알아야 할 6 가지 nodejs 프레임 워크
지난 몇 년 동안 웹 애플리케이션의 사용이 급격히 증가했습니다. 개발자들은
www.hebergementwebs.com
https://dora-guide.com/nodejs-net-framework/
개발자를 위한 14가지 최고의 NodeJS 프레임 워크 - 도라가이드
Nodejs는 이벤트 중심 비 차단 입력 / 출력 모델, 단일 스레드 비동기 프로그래밍을 기반으로 빠르고 확장 가능한 네트워크 애플리케이션을 구축하는데 사용됩니다. 개발자를 위한 14 가지 최고의
dora-guide.com
| front-end와 back-end 공통 개념 (0) | 2021.08.12 |
|---|---|
| 'REST API'란 무엇인가? (0) | 2021.08.05 |
| 라이브러리와 프레임워크의 차이는? (0) | 2021.08.05 |
| 정적 타입 언어 vs 동적 타입 언어 (0) | 2021.08.05 |
| npm이란? (0) | 2021.08.05 |