Vue.js18 [개품 부트캠프 스터디] - 열 번째 미팅 2022.05.08.일 개품 부트캠프 스터디 열 번째 미팅에 참여했습니다. 오늘은 특별 초빙 손님도 있어서 아주 유익한 시간이었습니다. 우선 네트워크 10장 - 전송 계층에 대해서 함께 리마인드를 하였습니다. 네트워크가 사실 17장 정도까지 있지만, 우선 오늘까지만 네트워크 스터디를 진행하고 잠시 홀딩하려고 합니다. 이미 진행되고 있는 개발자의 품격 프로젝트 4기에 조금 더 실용적이면서 도움이 되는 것들을 스터디하는 것이 더 좋을 거라 생각했습니다. 5월은 프로젝트 기획 및 설계 부분에 초점이 맞춰져 있습니다. 6월부터 7월까지가 본격적인 개발 구현 단계이므로 이번 네트워크 종료도 5월 말까지 맞춰서 프로젝트에 고정되어 있는 개발 스택 관련한 스터디를 하는 것이 좋다고 판단했습니다. 7월까지 진행되고 있.. 2022. 5. 8. [개품 부트캠프 스터디] - 아홉 번째 미팅 2022.05.07.토 개품 부트캠프 스터디 아홉 번째 미팅에 참여했습니다. 우선 스터디 시작 전 개인적으로 리서치하거나 알게된 유용한 사이트, 정보들을 스터디원분들께 공유했습니다. 네트워크 스터디로는 전송 계층에 대해 알아봤습니다. 3-way-handshake 방식, 연결 설정, 멀티플렉스 등 개념이 나왔습니다. Vue.js 스터디로는 Vue.js 프로젝트 투입 일주일 전 교재 리마인드를 마무리했습니다. 사실 교재 양이 많지 않아서 핵심적으로 짚고 넘어가야 할 포인트만 체크했습니다. 추가적으로 실무에서 제가 리액트 기술을 사용했지만, 사실 뷰와 많이 다르지는 않아서 주니어 개발자로서 느꼈던 제 실무 경험들을 뷰 방식으로 전환해서 설계나 방식, 컴포넌트 활용 등을 스터디원분들께 공유했습니다. (물론 회사.. 2022. 5. 7. [Vue.js 프로젝트 투입 일주일 전] 14장 - 미니프로젝트: 제품 판매 웹앱 구현 (마지막) 14.1 애플리케이션 Overview - 제품 등록 페이지 - 제품 리스트 페이지 - 제품 상세 페이지 14.2 프로젝트 소프트웨어 구성 - 클라이언트: Vue.js, Bootstrap - 서버: Node.js, Express.js - 데이터베이스: MariaDB 14.3 클라이언트(Vue 프로젝트) - Vue CLI로 프로젝트 생성 - vue create 명령어 - Bootstrap 추가하기 - index.html - css, js 파일에 대한 cdn 주소 추가 - 화면 레이아웃 만들기: Header, Main, Footer - Header: 애플리케이션 로고, 메뉴에 해당하는 네비게이션 등 위치 - Main - Footer: 애플리케이션을 제공하는 회사 정보 - 라우터 구성 - / (ProductLi.. 2022. 5. 3. [Vue.js 프로젝트 투입 일주일 전] 13장 - 미니프로젝트: 로그인 처리 13.1 카카오 계정으로 로그인하기 - 카카오 개발자 센터 가입 - 애플리케이션 등록 - 앱 키 - 네이티브 앱 키: Android, iOS SDK에서 API 호출할 때 사용 - JavaScript 키: 자바스크립트 SDK에서 API를 호출할 때 사용 - REST API 키: REST API를 호출할 때 사용 - Admin 키: 모든 권한을 가지고 있는 키 - 플랫폼 설정하기 - 카카오 로그인 활성화 - 동의항목 설정 - 카카오 JavsScript SDK 및 앱 키 등록 - 로그인 컴포넌트 구현 - window.Kakao.Auth.login 함수 호출 => 카카오 계정으로 로그인 팝업 호출 - window.Kakao.Auth.logout 함수 호출 => 로그아웃 13.2 네이버 아이디로 로그인하기 - 오.. 2022. 5. 2. 이전 1 2 3 4 5 다음 반응형