본문 바로가기

코드스테이츠(Immersive)

2주프로젝트(WebPaper_day03 : 프로젝트 시작) 엔지니어 미팅(스키마, 프론트 ui구성에 대한 조언) 취소됨 오피스 아워 클라이언트(ui/기능) - 서버 서버 테스트케이스를 먼저 만드는게 수월 클라이언트 테스트케이스(어렵지만 시도해보면 좋음)(ex.클라이언트 리액트 테스트케이스) 큰파일을 분리해서 쪼개서 작업(라우터 -> 작은라우터(subRoute)) 서버 api 사용법 : 클라이언트 서버 레포 다운 받은후 둘다 켜서 진행 git pull upstream dev 클라이언트 api url를 변수로 사용 (endpoint) create react app 에서 환경변수 사용법 (process.env , dev , product) ${API_URI} source tree 작은기능에도 디테일하게 (로그인에도 에러처리) 클라이언트와 서버에서 둘다 에러처리 asy..
2주프로젝트(WebPaper_day02 : 깃플로우, 데이터 스키마 ) Project Git Flow 주의사항 커밋메시지 자세하게 작성 add . 하지 않기 MASTER 쓰지 않기 push master 조심!! 다른사람이 작업하는 파일 건드리지 않기 그림 그릴 경우 명령어 브랜치명 1. 초기 Repo 설정 > Origin의 레포를 자신의 로컬로 클론 2. master branch에서 초기설정 진행 3. 초기설정완료 후 자신의 기준 Origin(git push origin master) / 팀원들에게는 Upstream이 될 Repo를 푸쉬 4. Dev 브랜치 생성(git checkout -b dev) / Dev 브랜치를 푸쉬(git push origin dev) ------------ 초기 설정 완료 ----------(초기설정자는 포크 클론을 안받아도 되나요?) 5. 자신의..
2주프로젝트(WebPaper_day01 : 기획 및 킥오프 미팅) WebPaper 기획안 : 기존뉴스 플랫폼보다 진보한 새로운 뉴스 플랫폼만들기 정보의 홍수의 시대속에 살고 있는 지금 한눈에 다양한 내용의 정보를 얻고 싶지만 기존의 뉴스 플랫폼은 비슷한 정보들을 중복해서 전달하고 있다 비슷한 기사들을 하나로 묶어서 중복된 기사들을 줄이고 사용자들이 다양한 정보를 한눈에 쉽게 알아보게 만들고 싶다. 차별화 하고 싶은 주요기능 - 직관적인 정보전달(비슷한 내용의 기사들을 하나의 이미지 혹은 텍스트로 통합) 기사 썸네일 이미지 중심의 정보전달 (클릭수 기준으로 이미지 크기가 비례해 렌더) - 선택가능한 정보전달 자신이 선호하는 기자들을 선택하거나 원하는 주제의 기사만 구독 킥오프미팅에 궁금한점 웹크롤링 : 정보를 가져와서 선택하여 재사용 (api 없이도 크롤링 할 수 있나?..
2주 프로젝트 인트로 프로젝트 기획 및 범위 설정(bare/ advanced/ Nighmare) 시스템 아키텍쳐 설계 db설계(충분한 협의필요) 팀원 role 설정 스탠드업(아웃) 미팅(아침마다 미팅, 20분안에 어제한거, 오늘 할거 보고, 진행률, 태스크 분배 및 ) 팀자체 코드 리뷰 중요 TIL 시간 SR시간(stack 확정) copy of Tasks 한것, 해야할것, 보류, consumed time, estimated time(시간 계획 중요) 스프린트를 끝날때마다 회고 how to scrum (스프린트 기한 : 3일) 팀장 > 보드관리 backlog, todo, doing, done(각각의 기본 프로퍼티) 최소기능 정리해놓기 플래닝포커 활용 (expectation 시간) 스프린트가 잘 진행되는지를 스탠드업 회의로 체크..
Hiring Assessment Full 리뷰 #01 what is the value of x after running the code below? NOTE! we are asking for x not the reuslt (문제는 x의 값을 묻고 있습니다) var x = 30; function get(x) { return x; } function set(value) { x = value; } set(10); var result = get(20); >> get함수는 단순히 x값만 리턴해주는것이고 set함수에서 x를 10으로 설정해주기때문에 x는 10 #02 what is the value of result after running the code below? var x = 10; function outer() { var x = 20; function ..
Server and Node 복습 토이알고리즘 Achievement Goals 프론트엔드 개발자를 위해 API문서 작성 가능 http 서버를 켜기 위해 nodeJS를 사용가능 웹브라우저를 이용해 서버와 통신 가능 export, require 사용가능 package.json에 scripts 수정가능 node module node application 디버깅 express 활용해서 서버코드 리팩토링 Sessions Sprints mini-node-server sprints handle post data in nodejs OPTIONS method cors Sprint Office Hour
프로젝트 아이디어 세션 1. 창업가 트랙(CEO,CTO) 2. 개발자 프로젝트 트랙 공통점: 사이드 프로젝트로 시작해야 한다, 본업과 별개로 진행, 본업: 직장, 프리랜싱등 나만의 캐시카우 아이디어 종류 1. pain killer(개인의 불편한 문제, 다수가 겪는 문제, 일상속에서 문제를 찾기위해 계속 관찰과 질문) 90%이상 valopert.com/3704 (velog), make bootstrapper's handBook 2. vitamin(ex. gudak 일회용 카메라 앱) 3. vitamin but it's really pain killer 부트캠프에서는 크고 거대한것 보다는 작고 단단한것 어설프고 크고 거대한 것은 쓰레기 작고 단단한 여러개가 2만배낫다 기술 + 협업 + 마감성을 배우는 기회 쥬니어 개발자 포트폴리오..
Checkpoint 01, 03-JavaScript Scopes, Keyword 'this' var x = 10; function outer () { var x = 20; function inner () { x = x + 10; return x; } inner(); } outer(); var result = x; var x = 10; function outer () { x = 20; function inner () { var x = x + 20; return x; } inner(); } outer(); var result = x; x = 20이라고 할당해준 부분에서 글로벌의 x가 20으로 변경, 이후에 inner 함수에서 x값에 20더해준뒤 리턴 var x = 10; function outer () { x = 20; function inner () { x = x + 20; } inner(); }..
Deployment and Build Tools Achievement Goals Deployment의 의미를 파악, 코드를 남에게 배포가능 최소 AWS 서비스 블럭에서 3개 이상의 서비스를 활용하고 설명가능(S3, EC2, RDS) ssh접속의 의미 gitignore 사용가능 Sessions 환경변수 설정, --save, dependencies, 배포 전략 1. SPA server strategy (Single page application) build파일 서브를 위해 Amazon S3사용 2. Server Application deploy strategy 외부인의 로컬호스트 접속 차단해야함 Amazon EC2 에 있는 노드 설치후 서버 어플리케이션을 올린후 사용 EC2 : 유저가 원격 접속할 수 있는 AWS를 가진 컴퓨터 데이터베이스도 셋업 가능하지..
Authentication and Full Stack Development 스프린트 진행 (intro session > 프로젝트 코드 둘러보기 > 런코 문서 확인 > Directory 문서 확인 > User flow api 생성하기 > Authentication Session > 암호화, 세션 적용 > Advanced) shortly > url 변경 로그인 로그아웃 회원가입 유저관리 API 구현 유저인증 Authentication Session(일정시간동안 상태정보 유지, 서버에서 관리) - cookie(사용자 정보 브라우저 관리), token Encrytion - hasing(암호화), salting 하나의 서버 여러개의 요청 models의 users.js associate 파악(sql join?)

티스토리툴바