vuejs6 [ 프론트엔드 면접 ] Vue.js 면접 질문 정리 안녕하세요!~ 오늘 프론트엔드 개발자로써 채용 지원, 면접 준비 과정과 첫 면접 후기를 정리해 기록해봤습니다. 추천: https://prmblogs.tistory.com/45 자주 사용하는 35가지 GitHub 명령어 모음 GitHub에서 자주 사용하는 중요한 Git 명령어 35가지 목록을 간단하게 설명해드리겠습니다. 이 명령어들은 프로젝트 관리 및 협업에 도움을 주는 기능들을 다룹니다. GitHub 명령어 모음 git clone [URL]: prmblogs.tistory.com 신입 프론트엔드 채용 내용 채용 내용 - Vue.js 프론트엔드 개발자 ( 신입사원 공개채용 ) 담당업무 - FrontEnd 개발( VueJs, Typescript 기반 웹 프론트엔드 개발) - SI 사업에 FrontEnd 개발.. 2023. 4. 7. [ Vue.js + Firebase ] Vue.js 프로젝트를 Firebase 호스팅으로 배포 이번 블로그에서 Firebase 호스팅 서비스를 사용하여 Vue.js 애플리케이션을 배포하는 방법을 짧고 쉬운 방식으로 보여드리겠습니다. 정적 사이트, 단순한 앱 랜딩 페이지 또는 복잡한 PWA(Progressive Web App)를 구축하는 경우 Firebase Hosting 기능으로 웹사이트와 앱을 구축하고 관리하기 위해 맞춤화된 툴이나 기능, 인프라까지 제공합니다. 생각보다 간단해서 다음 순서대로 따라하시면 쉽게 해결하실 수 있습니다. · Firebase 호스팅 프로젝트 설정 · 프로젝트 구성 · Firebase CLI 설치 · Vue 애플리케이션 배포 1. Firebase 호스팅 프로젝트 설정 파이어베이스 호스팅 프로젝트를 설정하려면 공식 사이트로 이동하여 메인 탐색 외하단에 있는 "GO TO C.. 2023. 1. 6. [Vue.js] a 테그의 리스트 렌더링 하는 법 Vue.js 리스트 렌더링 VueJs에서 list rendering 기능으로 다양한 복잡한 데이터 주고 받는 작업을 쉽게 해결할 수 있고 반복문을 통해 작업 시간을 줄일수 있습니다. 그렇지만 우리가 익숙한 HTML 요서들 Vue에서 바로 사용할 수 없고 특별한 Vue 문법을 사용해여 합니다. Vue.js에서는 데이터를 효과적으로 렌더링하기 위해 특별한 문법과 기능을 제공합니다. Vue.js의 주요 기능 중 하나인 "리스트 렌더링"은 반복적으로 나타나는 데이터를 간편하게 처리할 수 있도록 도와줍니다. 일반적으로 Vue에서 리스트를 렌더링하는 방법은 v-for 디렉티브를 사용하는 것입니다. 이 디렉티브를 사용하면 배열이나 객체 등과 같은 데이터를 기반으로 반복문을 수행하여 HTML 요소를 생성할 수 있습니다.. 2023. 1. 5. Tailwind CSS 설치 및 Vue.js 프로젝트 적용하는 방법 Tailwind CSS이란? Tailwind CSS은 ‘utility-first’라는 목적 하에 만들어진 CSS 프레임워크입니다. 별도의 CSS 파일이나 style 태그를 사용하지 않고 HTML의 class 속성에 입력되는 내용에 따라 스타일링이 적용되기 때문에 굉장히 간단하고 직관적으로 코드를 작성할 수 있습니다 Tailwind CSS는 커스터마이즈 가능한 디자인 시스템을 구축하기 위한 풍부한 기능을 제공합니다. 클래스 네임을 사용하여 여러 가지 스타일을 적용할 수 있으며, 반응형 디자인을 위한 클래스도 제공합니다. 또한, 테마 파일을 사용하여 전체적인 디자인을 변경할 수 있습니다. 이 프레임워크는 많은 개발자들에게 인기가 있으며, Tailwind CSS를 사용하면 일관된 디자인과 빠른 개발 속도를 유.. 2023. 1. 1. 이전 1 2 다음