SHUSTORY

https://www.youtube.com/watch?v=NONWar0jGLM&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=2Node.js 설치Node.js 설치하면 npm 쓸 수 있음npm은 각종 웹개발 라이브러리 설치 도우미이다. ( yarn도 마찬가지 )npm으로 @vue/cli 설치할 수 있다.vue 프로젝트 빠르게 생성해주는 라이브러리프로젝트 생성은 vue create 프로젝트VScode 에디터 설치에디터 상단 Terminal - New Terminalnpm install -g @vue/cli@4.5.11vue 개발환경 셋팅 도와주는 프로그램ExtensionVetur 설치Vue 3 Snippets 설치HTML CSS Support 설치Vue 프로젝트 생성작업..

🕷️ JSON, XML, YAML : 데이터 기술 형식JSON, XML, YAML은 공통적으로 데이터를 기술하는 형식이다.🕸️ 이것들이 필요한 이유가 뭘까?서비스들이 고도로 발전함에 따라 문자나 숫자를 넘어 복잡한 데이터를 주고받아야 하는 상황이 발생한다.예를 들어, DB에 있는 표 형태의 정보를 유저에게 문자 형식으로 보내주고 싶을 때와 같이..복잡한 데이터를 깔끔한 형식으로 정리해 담는 틀이나 형식이 필요하다. 🕷️ JSONJavaScript Object NotationJS에서 객체를 만들 때 사용하는 표현식을 의미{ "name": "John", "age": 30, "address": { "city": "New York", "zipcode": "10001..

🫨 API (Application Programming Interface)지난번 interface에 대해 조사할 때 잠깐 언급된 API !기억을 되짚어보자면, 개발 시 어떤 시스템 간 상호 작용을 위한 인터페이스.. 정도의 개념으로 이해하고 넘어갔다.이번 시간에는 아직 추상적으로 개념이 잡혀 있는 API에 대해 명확하게 알아보는 시간을 갖겠다. 🍏 API의 정의하나의 프로그램에서 다른 프로그램으로 데이터를 주고받기 위한 방법으로,애플리케이션에서 데이터를 읽거나 쓰기 위해서 사용하는 인터페이스를 의미한다.🤔 이 방법이라는 게 뭔데?쉽게 말하자면 그냥 코드이다.구체적으로는, 통신하는 시스템 간 데이터를 교환하고 요청 및 응답을 처리할 수 있도록 해주는 코드들인 셈이다.즉, 사용자는 UI를 사용하여 애플..

https://www.youtube.com/watch?v=-tVaahsXpwk&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-👽 Vue.jsVue.js는 사용자 인터페이스를 만들기 위한 JS 기반 프레임워크로, Web-app을 만들 때 쓰인다.Single Page Application 혹은 Web-App이라고 칭하는 것들이 있는데,이들은 페이지를 넘어갈 때 화면 전환이 부드럽고 앱처럼 사용이 가능하기에 Web-App이라고 부른다.Web-App은 SPA일 수도 있지만, 여러 페이지로 구성된 MPA(다중 페이지 애플리케이션)일 수도 있다.CS 카테고리에 SPA와 MPA에 대해 기술한 글이 있으니 참고하길 바란다.https://823915.tistory.com/237네이버의 Vibe ..

보호되어 있는 글입니다.

🦦 Frontend사용자가 마주보는 인터페이스를 '프론트엔드'라고 한다.사용자가 직접 상호작용하는 웹 서비스의 인터페이스를 구축하는 분야를 말한다.html, css, js 등의 기술을 활용하여 웹페이지를 실제로 구현한다.사용자가 애플리케이션을 사용할 때 시각적으로 보기 좋은 UI를 만들어주며, 사용자 경험을 향상시킨다.프론트엔드 개발자는 클라이언트 개발자라고도 한다.백엔드 개발자들이 만들어 놓은 API 명세서를 확인한 후 html, css, js를 사용하여 일반적인 사용자가 볼 수 있도록 사용자인터페이스, 즉 UI를 개발한다.개발 시 주로 사용되는 언어웹 서비스HTML(Hyper Text Markup Language)문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들..

🐢 MPA (Multiple Page Application)두 개 이상의 페이지로 구성된 애플리케이션사용자의 클릭과 같이 인터렉션이 발생할 때마다 해당 링크로 이동하여 앱이 다시 새로고침되는 방식으로 작동한다.🦦 인터렉션이 뭐죠?사용자의 특정 동작을 입력받아 시스템과 상호작용하는 것렌더링 방식으로 SSR(Server-Side-Rendering) 방식을 채택한다.서버로부터 완전하게 만들어진 html 파일을 받아와 페이지 전체를 렌더링하는 방식페이지를 이동하거나 새로고침하면 서버에서 전체 페이지를 다시 렌더링한다.🦦 렌더링이 뭐죠?웹 페이지를 사용자에게 보여주기 위해 서버로부터 받은 HTML, CSS, JS 파일들을 브라우저가 처리하여 화면에 출력하는 과정 🐢 SPA (Single Page Appli..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.