뭘 배웠지?

엘리스 SW 엔지니어 트랙 40일차 팀 프로젝트 5일차 오늘 아침도 스크럼(?)이란 이름의 회의로 시작 어제 한 일, 오늘 할 일 공유하는 시간 오늘은 전체적으로 코드를 보고 refactoring 해보기도 해보겠지만 팀 개발 속도에 도움 될 수 있는 것들을 정리해보자 크게 2가지다 우선 유저플로우 작성 테스트나 프로세스를 볼 수 있는 한 눈에 파악하기 쉽도록 다음은 유저 플로우 작성하면서 UX적으로 필요한 기능들 명세를 해보려고 한다. 코딩보다 피그마랑 기획 부분이랑 친해지는 나날이다 다른분들 해놓은 코드 보고 신기한 부분 따라해보는 하루 보냈다 특히 fetch는 정복해야겠다 요놈만 있으면 만들 수 있는 것들이 참 많아보인다

엘리스 SW 엔지니어 트랙 39일차 팀 프로젝트 4일차 어제 쓰는걸 깜빡했다 간략하게 어제 한일을 보면 팀원분이 만든 exif로 위/경도 DMS 형식으로 추출 하는 것을 주소로 변경했다(ex. 강원도 홍천시) 우선 DMS로 나온 위도, 경도를 Decimal로 변경 밑의 사이트에서 식을 사용 http://justkate.me/Getting-To-Know-Your-Photos/ 그 다음 카카오 API를 이용해서 주소로 변경했다 방법은 이랬던 것 같다 카카오 계정에서 어플리케이션을 하나 만들고 테스트할 URL를 등록하고 Postman으로 API가 잘 통신하는지 확인하고 코드에서 fetch로 잡아왔다 전체적인 스타일을 담당하기로 해서 디자인 레퍼런스 찾아보고, 적용해보고 피그마랑 거의 많은 시간을 보냈다

엘리스 SW 엔지니어 트랙 38일차 팀 프로젝트 3일차 3일차 완전한 항복 팀원분들 실력이 매우 좋다. 하면서 배워하지 하는데 처음 보는 방법과 기술들이 매일 몰아치니 작성하신 코드를 읽으면 하루가 지나간다 사실 이런 질문을 엘리스 인터뷰 때 받았다 "다른 사람들이 실력이 엄청 뛰어날 때 어떻게 할 것인가?" 그 때 대답은 아마도, 팀원들에게 사과를 하고, 내가 할 수 있는 부분을 찾아서 하며 프로젝트 끝날 때 까지는 따라가도록 하겠다고 했던 것 같다 짧은 시간(2주)에 결과물을 만들어야 되는데 코드로는 도움을 주기 쉽지 않을 것 같다 할 수 있는 것을 찾아서 하자 지금 코드 안섞는다고 내 인생이 어찌되겠나 팀원들에게 도움이 될 만한 조그만한 것이라도 찾자 반성 겸 다짐으로 마무리

엘리스 SW 엔지니어 트랙 37일차 팀 프로젝트 2일차 10분 요가로 하루를 시작 오늘의 affirmation "My confidence inspires others" 오래 앉아있는 날들이 많아지니 목이나 허리가 뻐근할 때가 많아졌다 요가를 한 날과 안한 날의 차이가 꽤 크다 아무튼 오늘도 스크럼으로 팀 프로젝트를 시작하고 각자 맡은 페이지 스케치를 하는 단계 저녁에는 '오피스 아워'라고 코치가 투입되서 이야기를 하는 듯 개발 팀 프로젝트는 처음이라 미숙한게 많다 Git으로 공동 작업을 하는 방식, 안해본 기술을 배우며 적용하는 것 등 이 기회를 배울 기회로 하고 페이스를 잃지 않고 나아가야지

엘리스 SW 엔지니어 트랙 36일차 프로젝트 진행 팀 프로젝트 시작! 전에 프로젝트 안내와 Agile(애자일) 방법에 대해 설명 Agile 스케치 빠르게 해서 공개 피드백 스케치 수정 공개 피드백 색 칠하고 공개 피드백 색 다시 칠하고 공개 피드백 . . . 이 과정 반복 Scrum(스크럼) Agile 방법론중 하나 매일 짧게 미팅 수행 어제 한일, 오늘 할일, 장애 현상 공유 작은 목표를 짧은 주기로 체크 스크럼 프레임워크 비전 로드맵 프로덕트 백로그 출시 계획 스프린트 플래닝 스프린트 백로그 데일리 스크럼 결과물 스프린트 리뷰 회고 스프린트 계획 아이디어 스케치 프로토 타입 개발 테스트 공개 Git 활용 Master Branch 서비스로 출시될 수 있는 브랜치, 배포 Sprint Branch 기능 개..

엘리스 SW 엔지니어 트랙 35일차 온라인 강의날 🦁 갑자기 Node.js 와 TypeScript 한번 더 강화 시키기인가 express Node.js 웹 어플리케이션 프레임워크 웹 앱 만들기 쉽게 해주는 기능/구조 제공 fastify나 koa 등 다양한 프레임워크 있다 Express 3계층 설계 Controller Layer 들어오늘 sevice 클래스에 라우팅 Service Layer 비즈니스 로직 중요한 로직 CLI 같은 stand alone (독립형) 앱에서 독자적 사용 가능 Ppersistent Layer 영구히 데이터 저장하는 계층 3계층 분리 잘 해놓으면 Controller Layer/Persistent Layer 변경시 Service Layer는 건들지 않아도된다 자바스크립트 => 타입스크..

엘리스 SW 엔지니어 트랙 35일차 온라인 강의날 🦁 JWT Json Web Token 인증 위한 정보를 저장소 이용안하고 전자 서명 이용해서 확인하는 방법 구성 header: 토큰의 타입 payload: 전달되는 데이터 signature: 헤더와 페이로드의 전자서명 payload 단순히 정보를 base65 인코딩한것 => decode시 정보 노출 => 민감한 정보 제외하고 토큰 생성 필수 서버는 JWT 생성할 때 비공개키 이용 서명 payload 조작시 서명이 달라서 인증 실패 JWT 작동 반식 사용자 로그인 서버는 로그인된 유저 정보를 JWT로 생성 클라이언트에 전달 클라이언트는 전달받은 JWT 이용 인증이 필요한 요청에 사용 지금까지 session 사용했다 session은 웹 브라우저 통신 스펙 모..

엘리스 SW 엔지니어 트랙 34일차 온라인 강의날 어제 알아본 Passport.js로 인증 기능과 회원가입, Session Store, 회원과 게시글 연동, CSR 댓글 기능 구현 등 이렇게 봐서는 도저히 이해할 수 없는 내용 시작! 회원가입 비밀번호 데이터베이스에 그대로 저장하면 관리자가 모든 회원 비밀번호 확인가능 => 암호화 한다, Hash 방법 Node.js hash 사용방법 기본 제공 모듈 crypto 이용 간단한 알고리즘(sha1), 강력한 알고리즘(sha224, sha256 등) 사용 마지막에 16진수로 만들어준다(digest) // hash const hash = crypto.createHash('sha1') hash.update(password) hash.digest("hex") 회원가입..

엘리스 SW 엔지니어 트랙 33일차 박성국님 실시간 강의날 🦁 오늘의 내용은 Database와 인증 마음 편히 이런게 있구나 쳐다보자 데이터베이스를 만질 때 SQL 로우쿼리로 하는 것 보다 Sequelize를 배워서 사용하면 좋다고 하신다 Node 인증 구현 GraphQL (GQL) SQL이 아닌 객체를 보내주는 것 메타(페이스북)가 개발한 새로운 API 규격 SQL이 백엔드를 위함이라면, GQL은 보다 더 클라이언트 친화적 시스템 Query 데이터 요청에 사용 REST에서 GET같은 녀석 Mutation 데이터 수정 REST의 POST, DELETE, UPDATE 같은 녀석 SDL(Schema Definition Language) 스키마 정확히 정해줘야된다 명확한 타입을 정의해서 기술 GraphQL 공..

엘리스 SW 엔지니어 트랙 32일차 온라인 강의날🦁🦁🦁 오늘 내용 Template Engine Express.js의 PUG Template Engine CRUD 게시판 만들기 PM2 Process Manager Node.js 어플리케이션 관리 Template Engine(템플릿 엔진) 서버에서 클라이언트에 보낼 HTML 형태를 미리 템플릿으로 저장 동작할 때는 템플릿에 데이터 넣어서 HTML 만든다 템플릿 작성 문법과 템플릿을 HTML으로 변환하는 기능 제공한다 종류 EJS, Mustache, Pug 등 있다 Pug 들여쓰기 표현식, 가독성 좋아 개발 생산성 좋다고 한다 layout,, include, mixin 등 강력한 기능 제공 Pug 문법 each ~in, if else 등 each ~in은 fo..