frontend3 [VUE3.JS] SFC 구조에 대해서 알아보자 베하~ 뉴진쓰 팀의 큰뉴진입니다~~! 저는 올해 초에 맛보기 느낌으로 리액트에 대해서 다뤄봤었는데요, VUE 프레임워크가 러닝 커브도 적고 기능 구현하기 좋다고 들어서 한번 체험해봤어요! 아무래도 VUE2가 아직도 많이 쓰이다 보니 VUE3는 공식 문서를 제외하곤 아직 정보가 부족한 것 같아요 ㅠㅠ 간단한 예제를 다루면서 SFC에 대해서 설명해드릴게요. SFC란? single file Component(싱글 파일 컴포넌트)의 약자로 하나의 *.vue 파일에서 컴포넌트의 템플릿, 로직 및 스타일을 모두 작성할 수 있는 구조입니다. /* HTML를 작성합니다. -> vue 내부 컴포넌트, import한 컴포넌트를 불러올 수 있습니다. [ex) , VUE는 javascript 기반으로 동작하기 때문에 HTML.. 2023. 9. 1. React에서 Next.js로 베하~! 안녕하세요~ 1Tier팀 입니다. 프론트엔드&웹 개발에 관심이 있는 분들, 혹은 IT트랜드에 관심이 있으신 분들은 많이 들어보셨을 Next.js Next.js가 무엇인지, 왜 이렇게 핫한지 한번 알아봅시다. Next.js 탄생 배경 Next.js의 탄생 배경을 알고자 하면, 우선 웹 통신 중 렌더링에 대한 지식이 조금 필요하기 때문에 간단히 알아봅시다. 우선 웹 렌더링 방식에는 크게 두 가지가 있는데, 바로 Server-Side Rendering과 Client-Side Rendering 가 있습니다. Client-Side Rendering VS Server-Side Rendering Client-Side Rendering은 리액트나 뷰 같은 라이브러리를 이용하여 서버가 아닌 유저의 브라우저에서 .. 2023. 5. 11. [NGINX] Reverse Proxy 안녕하세요. Administrator 팀입니다! 지난 포스터인 API Proxy에 이어서 Reverse Proxy에 대해 알아보도록 하겠습니다. 2022.10.11 - [Infra/DevOps] - API Proxy API Proxy 안녕하세요. Administrator 팀입니다! 오늘은 API Proxy의 기본 개념에 대해서 좋은 자료를 가져왔으니 알아보는 시간을 가져보도록 할게요! 프록시 서버(Proxy Server)란? 클라이언트가 자신을 통해 다른 btcd.tistory.com 리버스 프록시(Reverse Proxy)란? 리버스 프록시 서버는 아래 그림 처럼 웹 서버 앞단에 놓여져 있습니다. 그렇다면 리버스 프록시 서버는 왜 사용하는 것일까요? 리버스 프록시의 특징 로드밸런싱 (Load Balan.. 2022. 10. 11. 이전 1 다음
