본문 바로가기

국비과정

(138)
20231016 _[90일차]_01. 기업 교육(4일차) 오늘 할 거 1. GIT / GITHUB 2. Morpheus 프로젝트 아이콘 적용 3. Vue 3 4. 이미지 업로드 모피어스 $ touch text.txt => text.txt 파일생성 깃헙에서 새로운 repository (git-study)만들어주고 연결해서 파일을 올려준다. 위처럼 충돌이 나면 pull 하고 다시 push를 하면 된다. reset 은 말그대로 리셋 revert 는 새로운 commit을 만들면서 되돌아가는거. git undo => push 전에 commit했던걸 되돌릴수 있음. git stash => 작업이 다시 초기화되면서 메모리영역에 저장. () git pull origin main 으로 충돌 잡아주고 git stash pop => 메모리 영역에 저장된게 다시 꺼내진다. 이때 발..
20231013 _[89일차]_01. 기업 교육(3일차) 최종목표 : 프로젝트 주제 : 자유 서버 : 스프링부트2 마리아 디비 클라이언트 : 모피어스 (모바일 어플리케이션 하이브리드 프레임워크) 웹 HTML / CSS / JS [ 모피어스 ] 웹뷰 기반 하이브리드 어플리케이션 프레임워크 네이티브 앱 - 안드로이드 : java, kotlin IOS : obj-c, swift WebView 하이브리드 앱 하나의 소스로 여러개의 플랫폼을 대응 예) 일렉트론 (슬랙, 디스코드, 피그마) ios, android 대응 react -> web ui 라이브러리 -> 브라우저 환경 컴파일기반 - ReactNative / flutter -> 리액트문법 -> c++ / flutter / ? 웹뷰기반 - 웹 언어를 통해서 UI를 구성하고 Native한 기능은 Native에게 요청 ..
20231012 _[88일차]_01. 기업 교육(2일차) 자바 버전 11로 다시 받는다. https://adoptium.net/temurin/releases/?os=windows&arch=x64 Latest Releases | Adoptium adoptium.net JRE => 자바 실행만 할수 있는 환경 JDK => 자바 개발까지 가능한 환경 cmd에서 자바 환경변수가 잘 잡혀있는지 확인 > java -version 롬복 다운로드 받자. https://projectlombok.org/download Download projectlombok.org 다운로드 받아서 c 드라이브로 옮겨준다. cmd에서 설치 > java -jar lombok.jar 이렇게 뜬다. 설치하기. .msi 파일로 받으면 알아서 환경변수 잡아준다고 한다. java를 zip파일로 받았기 때문..
20231011 _[87일차]_01. 기업 교육(1일차) 클라이언트가 도메인 주소를 브라우저에 입력 => ip주소를 찾아서 server에 접속 dns 서버에 질의 (window에 이 dns를 질의하기 위한 프로그램이 설치되어 있다.) host 파일에 매핑되는 도메인이 있다면 그 ip주소를 server에 요청하게 된다. (이때 고유한 식별이 필요) 컴퓨터의 로컬 DNS 서비스에서 사용되는 텍스트 파일로, IP 주소와 호스트 이름(도메인 이름) 간의 매핑 정보를 저장하는데 사용 예를들어 NAVER 들어가려고 한다면 https://www.naver.com/ 검색하게 되는데 위의 도메인주소를 통해 IP주소를 찾아서 서버에 접속해야 한다. 따라서 DNS를 질의합니다. DNS는 도메인 네임 시스템이라고 해서 실제 IP주소가 있는지 찾고요. 1. IP를 호스트파일로 질의합..
20231010 _[86일차]_01. Vue _vuetify 활용 ( pdf 7차 참고 ) Vuetify : Vue에서 사용할 수 있는 Bootstrap 설치부터 하자 vs code 터미널에서 설치명령> npm install --save vuetify   ( pdf에는 npm 대신 vue라고 잘못 써져있다**)Get started with Vuetify 3 — Vuetify (vuetifyjs.com) Get started with Vuetify 3 — VuetifyDetails for v3 release - faq, changes, and upgrading.vuetifyjs.commain.js 에 vuetify import 추가이렇게 하면 err가 난다. import 문 다시 수정. vuetifyjs.com Vuetify — A Vue Component Framewo..
[Vue] Node.js, 렌더링방식 [ Node.js ] JavaScript 런타임 환경으로, 서버 측에서 JavaScript를 실행할 수 있는 환경을 제공. (Java의 JVM처럼) 서버 사이드 렌더링(SSR), API 서버 개발, 파일 업로드, 데이터베이스 연동 등 다양한 서버 측 작업을 수행. * 웹 애플리케이션의 렌더링 방식 * [ 클라이언트 사이드 렌더링 (Client-Side Rendering) ] _ CSR 렌더링 위치: CSR에서는 웹 애플리케이션의 초기 HTML은 비어 있거나 미리 정의된 고정 템플릿을 포함하고 있다. 이후 브라우저에서 JavaScript가 로드되고 실행되면, JavaScript가 동적으로 화면을 생성하고 업데이트. 서버 역할: 서버는 주로 데이터 API를 제공하며, 클라이언트는 이 API를 사용하여 데이터..
[Vue] Router 설치 및 초기설정 Vue.js 프로젝트 생성 터미널 / cmd에서 해당 프로젝트 디렉터리까지 이동 후 router 설치 명령 > npm install vue-router Vs Code에 src 디렉토리 내에 router.js 파일을 생성, 기본적인 Vue Router 설정 // src/router.js import { createRouter, createWebHistory } from 'vue-router'; import indexPage from "@/views/IndexPage.vue" import boardList from "@/views/BoardList.vue" const routes = [ {path: '/', name:'index', component: indexPage}, {path: '/boardList'..
[Vue] v-for 반복문 사용 [ 반복문으로 배열값 출력 ] Hello 배열은 : {{ arr }} 로 출력하고, 배열속성값은 {{ arr[0] }}, {{ arr[1] }} ... 로 출력. export default { name: 'HelloWorld', data(){ return{ arr: [1, 2, 3, 4, 5, 6, 7] }; }, }; 아래처럼 출력된다. Hello {{ arr[n] }} {{ arr[index] }} 아래처럼 출력된다. 배열 index는 0부터지만 v-for 반복문은 1부터 센다. :key 속성 중복되지 않고 고유한 값이어야 하며, 보통은 아이템의 고유한 식별자인 고유한 키 값을 사용 * 위처럼 배열의 index를 :key속성으로 줄 수도 있지만 배열요소가 추가되거나 삭제될 때 문제가 발생할 수 있으므..