주니어 개발자 모몽'-' 주니어 개발자 모몽'-'

안드로이드 스튜디오 설치 안드로이드 스튜디오 설치 링크 https://developer.android.com/studio/install?hl=ko 최신 버전 Andriod 스튜디오 설치 다운을 클릭한다. Download Android Studio Flamingo 버튼을 클릭한다. 스크롤을 쭉 내린뒤 체크박스를 체크한 뒤 Download Android Studio Flamingo 를 클릭하여 설치한다. android-studio exe 파일 실행 Next 클릭 Next 클릭 Next 클릭 Install 클릭 Next 클릭 Finish 클릭 안드로이드 스튜디오 실행 OK 클릭 Don’t send 클릭(구글로 내 데이터 전송) Next 클릭 Next 클릭 원하는 테마 선택 후 Next 클릭 Next 클릭 왼쪽..

기존에는 default branch명이 master로 되어있었다가 최근에 인종차별적으로 인식될 수 있어 main으로 변경되었다고 한다. main으로 되어있는데 teminal에서 제어할 경우 master로 되어있는 경우 commit하고 Pull Request에 들어가면 There isn't anything to compare. 메세지를 볼 수 있다. git checkout master git branch main master -f git checkout main git push origin main -f 다른 branch이름으로 push하고 싶을 경우 main자리에 원하는 +branch이름을 넣어서 실행하면 된다. git push origin +[branch명] 로그인을 하고 난 뒤 main으로 들어가면 ..

Git Version 확인 안드로이드 스튜디오 상단 탭에서 File > Settings로 들어간다. Version Control > Git으로 들어간다. Test 버튼을 클릭한다. 아래에 Git version이 나오는 것을 확인한다. GitHub 계정 연동 안드로이드 스튜디오 상단 탭에서 File > Settings에서 Version Control > GitHub로 들어간다. Add account...를 클릭하여 로그인한다. Token이 없을 경우 Generate를 클릭하고 들어가 Token을 생성한다. GitHub Token 생성 Select scopes에서 repo, admin:org, gist를 체크한 뒤 하단의 Generate token 버튼을 클릭하여 토큰을 생성한다. 만들어진 Tocken 값은..

1. 시니어 개발자의 피드백을 경청할 것 2. 코딩, 테스팅, 리팩터링, 테스팅을 반복할 것 코딩을 해볼 것: 생각해낸 솔루션을 도입한 후, 이를 인증하기 위해 몇번의 테스트 돌려보기 리팩터링할 것: 바람직한 관행과 지침을 따라 코드를 개선한 후, 최종 검증 과정을 위해 더욱 빈틈없이 테스트 하기 리팩터링: 소프트웨어 공학에서 결과의 변경없이 코드의 구조를 재조정하는 것 3. 가능한 스스로 결정을 내릴 것 코딩 도입 단계에서 기술에 대한 결정이든, 작업 우선순위와 관련된 결정이든, 따로 공지된 바가 없는 한 본인이 최선이라고 생각하는 방법에 따라 행동하고 시도해보기. > 기업에서 매우 높게 평가하는 부분 4. 진행 상황과 기대치, 문제점에 대해 소통할 것 작업 진행 상황에 대해 솔직하게 공유하기 특히 현..

Vue.js란 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립트 프레임워크이다. 단일형 프레임워크와 달리 점진적으로 채택할 수 있도록 설계되어 있다. 장점 기존 웹 개발자뿐만 아니라 HTML, CSS, 자바스크립트 기초만 아는 웹 개발 입문자 및 컴퓨터 비전공자들도 배우기 쉽게 만들어졌다. 리액트롸 앵귤러에 비해 성능이 우수하고 빠르다. 리액트의 장점과 앵귤러의 장점을 갖고 있다. 특징 MVVM 패턴 뷰는 UI화면 개발 방법 중 하나인 MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리이다. MVVM(Model View VeiwModel): 마크업 언어나 GUI 코드르 비즈니스 로직 또는 백엔드 로직과 분리하여 개발하는 소프트웨ㅔ어 디자인 패턴. View: ..

Lazy load VueJS같은 프론트엔드 프레임워크는 처음에 프로젝트와 관련된 현재 보고 있는 화면과 무관한 것들까지 모든 리소스를 한번에 다운받는다. 프로젝트가 크면 리소스 다운받는 시간이 늘어나게 된다. Lazy load는 리소스를 컴포넌트 단위로 분리시켜주고, 컴포넌트 혹은 라우터 단위로 필요한 것들만 다운받을 수 있도록 한다. 장점 소스코드가 업데이트되었을 경우, 분산되어 있지 않다면 js를 다시 다운받아야 하지만 분산되어 있다면 관련 파일만 변경하여 다운받게 된다. 설정 index.js import { createRouter, createWebHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' const routes..

esLint JavaScript, JSX의 정적 분석 도구로 오픈 소스 프로젝트 코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일로 작성하도록 도와준다. 하지만 과도하게 오류를 최소하하기 위해 실행은 되지만 오류라고 알려주는 경우가 있다. 아래같은 오류가 자주 발생한다. should always be multi-word vue/multi-word-component-names 프로젝트 > vue.config.js 아래의 코드를 작성해준다. module.exports = { lintOnSave: false }

File > Preferences > User Sniooets 검색창이 뜨면 vue 입력후 vue.json (Vue) 선택 아래 코드 추가 "Generate Basic Vue Code":{ "prefix":"vue-start", "body": [ "\n\n\n" ], "description": "Generate Basic Vue Code" } vue 파일에서 vue-start 엔터 아래 처럼 작성되는 것을 확인 할 수 있다.