Web Dev 214

44 :: 팀 프로젝트 9일차

엘리스 SW 엔지니어 트랙 44일차 팀 프로젝트 9일차 오늘도 피그마에 짜놓은 디자인을 토대로 CSS로 옮기는 작업 중간 중간 코드도 읽어보며 이해하며 스타일도 적응하려고 노력을 했다 조금씩 눈에 들어오는 코드들 이 함수는 이렇게 작동하는구나, 이 파일은 그 폴더에 있겠구나 조금씩 짐작이 가게되는 9일차다 clamp 넓이를 지정할 때 모바일까지 대응이 가능해 보이는 clamp라는 녀석도 만나고 optional chaning 있는지에 대한 확인을 해주는 옵셔널 체이닝의 사용도 엿봤다 디자인 오늘도 디자이너분들에게 리스펙을 보내는 순간이 많았다 로그인 기능만 있는 로그인 페이지 하나 디자인 할 때도 줄이고 늘리고 바꾸고 끝이 없다 나아가서 디자인뿐 아니라 한 페이지에대한 여러 동작을 디자인을 해야되니 기획에..

Web Dev/ELICE 2021.12.25

41 :: 팀프로젝트 6일차

엘리스 SW 엔지니어 트랙 41일차 팀 프로젝트 6일차 프로젝트 2주차 돌입 저번주보다 더 기획과 디자인에 집중하게 될 듯 싶다 기획과 디자인? 전에 상황 파악을 해보자 기획은 제대로 안되어있다 짧은 시간이었을까? 개발보다 기획에 공을 들이지 않은 느낌이다 우선 역할이 애매한 팀에서는 생각 통일이 중요하다고 생각된다 각자 다른 것을 생각하고 있으면 표현하려는 핀 포인트가 달라지고 뭐라고 정확히 말할 수 없는 상품이 되어버린다 그러기 위해 기획이 필요하고 디자인에 시간을 쓰지 않나 싶다 다음엔 그러자! 아무튼 기획부터 다시 들여다보자 기획에서 뭘 따져볼까? 우선 기본적으로 컨셉과 타겟이다 요즘은 타겟에 대해 조금 흐려지고 있어 페르소나까지는 아니지만 어떤 컨셉으로 누구에게 보여주고 싶은지 흐리게라도 있고 ..

Web Dev/ELICE 2021.12.21

40 :: 팀프로젝트 5일차

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

Web Dev/ELICE 2021.12.19

39 :: 팀프로젝트 4일차

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

Web Dev/ELICE 2021.12.18

38 :: 팀 프로젝트 3일차

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

Web Dev/ELICE 2021.12.16

37 :: 팀 프로젝트 2일차

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

Web Dev/ELICE 2021.12.15

36 :: 프로젝트 안내, Agile, Git 활용

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

Web Dev/ELICE 2021.12.14

35 (2/2) :: Express 3계층 설계, 타입스크립트로변경, Nestjs

엘리스 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는 건들지 않아도된다 자바스크립트 => 타입스크..

Web Dev/ELICE 2021.12.11
728x90