전체 글 (12) 썸네일형 리스트형 Vue 프로젝트 생성하고 구조 살펴보기 Vue 프로젝트는 terminal을 이용한 CLI로도 생성이 가능하고, VUE UI라는 명령어를 통해서도 생성이 가능함. package.json에는 뭐가 들어있냐 - node_modules: Npm 혹은 yarn으로 설치된 패키지 파일이 모여있는 디렉토리 - public: 웹팩을 통해 관리되지 않는 정적 리소스가 모여있는 디렉토리 - src/asset: 이미지, css, 폰트 등을 관리하는 디렉토리 - App.vue: Root componet - main.js : 가장 먼저 실행되는 자바 스크립트 파일로써, Vue 인스턴스를 생성하는 역할 - babel.config.js : 바벨(babel) 설정 파일 - package.json: 프로젝트에 필요한 package를 정의하고 관리하는 파일 Vue에서 라우팅.. 처음 접해보는 Vue A. 뷰의 용도는 무엇일까? - Javascript framework로, 유저 인터페이스를 빌드하기 위해 쓰임. - 뷰는 single Page Application개발을 위한 프론트엔드 프레임워크이다. - 페이지가 바뀔경우 전체가 로딩되는게 아니라, 바뀐 부분만 로딩이 된다. B. 뷰의 특징으로는 무엇이 있을까? 1. MVVM 패턴을 사용한다. - model-view-viewmodel - 프로그래밍 로직과 화명에 해당하는 view(ui)를 분리해서 개발하기 위한 패턴임. - html dom이 view, 자바스크립트가 model의 역할을 수행하게됨 -> MVVM패턴은 ViewModel이 중간에 존재하여 데이터 바이딩 처리 및 가상 Dom을 사용함. 2. Component - 다른 화면에서도 중복되는 vie.. HTTP 프로토콜이란? HTTP란, HTML 파일과 같은걸 가져오기 위한 하나의 프로토콜(통신규칙)을 의미한다. HTTP의 메시지는 총 두 종류로 구분됨 - Request - Responce (참조: 1. https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview) WAS와 WEB 서버는 뭐고, 그래서 Tomcat은 무엇인가? - Application Server: WEB application이 동작하게 해주는 서버. 웹서버와 데이터베이스 사이에서 동작하게 된다. - static page: 웹서버에 미리 저장된 파일을 불러와 구성하는 페이지이다. 제공하기 위해서는 HTTP서버가 있는 컴퓨터가 필요함 (예시) 이 사이에서 왔다갔다 하는 프로토콜은 다를 수 있으나, 큰 틀은 똑같음. request를 보내면 db에 저장된 파일을 그대로 보내준다. S - Dynamic page: 사용자의 request에 따라 정보를 가공하고 구성하는 페이지이다. - Web server: Static한 웹 컨텐츠를 가지고 있음 (html 페이지나, 파일, 이미지와 같은것). 미리 저장되어 있는 파일을 불러오게 한다. 소프트웨어 적인 측면과, 하드웨어 .. Maven의 용도는 무엇인가요? - Maven은 뭐 하는 친구인가? 아래 사항을 간단하게 만들어줌. 1. 프로젝트 빌드를 편하게 해준다. 2. Uniform한 빌드 프로세스를 만들어준다. 즉, 다른 프로젝트에서도 같은 Maven project를 사용하면 똑같은 빌드 프로세스를 제공해줄 수 있음. 3. log document, cross referenced sources, mailing list, dependancy list, unit test report를 만들어줌. (위의 내용들은 프로젝트 정보에 해당함) 4. 새로운 Maven의 기능을 쉽게 Migrate 하게 해줌 또, Maven은 아래 사항들을 관리하도록 해줌 Builds Documentation Reporing SCMs Releases Distribution Maven은 Bui.. Yarn은 왜 설치하는거에요? 업무 설명을 들으면서, Yarn을 설치하고 이거를 통해서 clone한 프로젝트에 엮인 패키지를 한 번에 다운받을 수 있는걸 봤다. 그래서 Yarn은 무슨 용도로 쓰는 것인지 검색해서 정리해 보았다. Yarn은 자바스크립트의 Package manager이므로, 왜 쓰는지 부터 알 필요가 있었다. 우선, Dependency란 third-party에서 제공하는 소프트웨어를 의미한다. 웹을 만들때는 이런 소프트웨어를 대부분 붙여쓴다. 근데 이걸 일일히 버전관리하고 수정해주는게 귀찮으니 어떤 사람이 내가 특정 소프트웨어 어떤 버전 쓰고 싶어! 하면 좌좌작 설치하게 해주는 편리한 도구(?)를 만들었다고 한다. 이게 Package manager라고 한다. 정리하면, - 자바스크립트의 라이브러리를 관리해주는 도구 - .. 처음 깔아본 Fedora 오늘 처음 업무을 받고, Fedora라는 Linux 기반의 OS를 설치하게 되었다. 접하게 되면서 알게된 점을 몇 가지 정리해 보려한다. 1. 단축키를 적극 활용하면 편하다. - 터미널을 킬 일이 잦다고 해서, 터미널을 키는 단축키를 추가하였다. - 이외에도 크롬 자주키면 크롬 바로 킬 수 있는 단축키, 창 숨기기 (super+D) 등등 쓰면 생산성이 좋아지더라 2. 웬만한 소프트웨어는 DNF로 깔 수 있음 - Fedora는 패키지 설치시 rpm - 근데 이거로 깔면 무조건 최신 버전으로 깔리는듯 (LTS같이 특정 버전 받고 싶으면 버전 지정 해줘야함) - sudo dnf search ~~~ 하면 내가 깔 수 있는 패키지들이 쭉 나옴 - 터미널에서 특정 키워드 치고 tab 버튼 누르면 자동완성됨 - 없으.. TextMesh Pro 기능 정리 1. 큰 기능 - UGUI에서 Text를 출력하는 컴포넌트 - Button, Dropdown, InputField에도 포함되어 있음 (Legacy Text와 구분됨) 2. 디테일 소개 - 텍스트 렌더링 파이프라인으로 SDF를 사용 → 포인트 크기나 해상도가 변해도 텍스트가 Legacy에 비해 잘 깨지지 않음 - 커스터마이징이나 다양한 텍스트 효과 사용이 가능함 - Script로 뭔가를 편집 (폰트 크기나, 폰트에 부여되는 효과, 색깔)을 조정하고 싶은 경우에는, TextMeshProUGUI type으로 선언해야함 - 기본 에셋은 한글을 지원하지 않으므로, 폰트 에셋을 별도로 만들어야함 (비트맵, 기존 폰트 활용) - Render Mode에는 다음과 같은 특징이 있다. RASTER: 일반텍스트 RASTER.. 이전 1 2 다음
