# project

jch9537

Vid+는 2주기간동안 진행했던 프로젝트로 비디오를 보며 필요한 순간 노트를 작성 할 수 있도록 도와주는 Video Note Extension 웹 애플리케이션이다.

valentin123

개발프로젝의 68퍼센트는 주어진 기간내에 기능미달 혹은 불량, 비용초과, 개발중도 포기 등으로 실패 한다고 한다. 그리고 실재로 개발의뢰자도 개발 중간에 프로젝트 수정을 요구하는 등 실재 개발 프로젝트에서는 다양한 변수가 존재한다. 이러한 소프트웨어 개발 프로젝트의 비

leeeeunz

src 폴더 안에 Components, Images, Pages, Styles 폴더 생성Styles 폴더에 기존에 있던 index.css를 이동시키고, reset.css와 common.css, media.css를 만들어준다.reset.css 기본 css값들을 초기화

jch9537

11

kyle

안녕하세요. 벌써 4탄까지나 쓰게 되었네요...! 이번 포스팅에서는 아래와 같은 기능들을 테스트하고 구현하여 리팩토링하여 출력을 제외한 나머지 부분을 마무리 지을까 합니다. 완성된 예제코드는 모든 포스팅을 마무리 하고 추가로 올리겠습니다.0~9사이의 난수를 생성하는 유

shaqok

몇일 전, 포스트에서 mobx store 리팩토링 작업에 관한 포스트를 작성했었다. 2개의 스토어에서 총 6개의 스토어로 확장하였고 기능에 맞게 각 스토어로 이동시켰다.이 중 스토어 분할을 통해 리팩토링을 할 수 있었던 몇 가지 helper function 에 대해 적

shaqok

어제 발생했던 mariadb 문제를 여러 번의 삭제와 재설치 끝에 겨우 해결할 수 있었다. 중간에 디렉토리를 잘못 삭제해 ERROR 1006 (HY000): Can't create database 'cats' (errno: 2 "No such file or direct

shaqok

스토어를 리팩토링하는 과정이 예상한 것처럼 대작업이 되었다. 스토어로 들어갈 observable 과 action들을 구분하는 것부터 하나하나 새로 바뀐 루트로 변수를 재지정하는 일, 그리고 컴포넌트에 새로 inject 하는 것까지 상당히 수고스러운 작업이다. 그래도 내

shaqok

앱개발을 하면서 상대적으로 작업이 더 많은 프론트를 백엔드 분들이 지원을 해주시기 시작했다. 그리고 상태관리 라이브러리를 써보신 분의 조언에 의하면 현재 우리가 사용하고 있는 UserStore 와 CatStore 가 너무 포괄적이어서 Store 를 좀 더 나눌 필요가

shaqok

FlatList 는 어플에서 뉴스피드 기능을 만들 때 유용한데, Infinite Scroll(무한 스크롤 로딩) 과 Pull Down Refresh(끌어서 새로고침) 기능을 구현할 수 있기 때문이다. 먼저 이 기능들의 구현은 해당 블로그 에서 참고하여 작성하였다.또한

shaqok

어제 포스트에선 위치를 받아와 state에 저장하고 렌더하는 과정에서 발생하는 버그에 대해 적었었다. 오늘은 함수들을 목적에 따라 좀 더 정리하고 리팩토링을 하였다.먼저 현재 화면의 범위를 나타내는 좌표들의 집합인 currentBoundingBox 를 할당해주는 act

shaqok

어제 지도맵을 관련해서 글을 작성했는데, 몇가지 버그가 있었다.일단 현재 mobX를 이용해 현재 position, region, boundBox 와 이와 관련된 함수들을 저장하고 있는 상태이다.componentDidMount에서 위치 권한을 허용하면서 navigator

susu1991

npm i express morgan express-session cookie-parser dot-envnpm i -D nodemon설치 후에는 루트폴더 안에 server.js를 만들어 설정을 해줍니다.package.json에서 npm run dev 부분을 nodemo

shaqok

이번 포스트는 현재까지 프로젝트를 진행하며 가장 많은 시간을 들이게 한 를 활용하여 만든 페이지에 관한 내용이다.

dvmflstm

개요 2019년 11월에 진행했던 recofashion(https://velog.io/@dvmflstm/series/Project-RecoFashion) 프로젝트를 docker-compose와 쿠버네티스로 각각 배포해보는 실습을 진행했다. 간략한 배포 전략과 배포 과정

rosewwross

Step-by-step Django Tutorial 1. 프로젝트 만들기: $ django-admin startproject 웹사이트 이름 위의 코드는 project 디렉토리를 만들고, root-directory 바로 밑에 manage.py를 포함한 여러가지 파일들

shaqok

프로젝트: 나비야 밥먹자! 길고양이들을 돌봐주는 사람들끼리 소통하며 고양이들의 소식을 팔로우할 수 있습니다. 기능: 기본적으로 지도 API 를 이용하여 구현합니다. 고양이를 목격한 위치 혹은 돌봐주는 장소에 지도에 새로운 마커를 찍어 등록합니다. 마커를 클릭하면 상태창이 나타납니다. 상태창에는 사진(추가 가능), 목격 위치의 주소가 나타납니다. 또한 ...

susu1991

mysql 설치 와우.. 처음 설치해보는 DB입니다.. 두근두근했는데 역시나 잘 깔리지 않았어요 ㅠ_ㅠ homebrew를 이용해 설치했지만 결국 환경변수 설정도 필요했습니다. homebrew를 설치했다는 가정하에 brew 명령어로 디비를 설치합니다. 그리고 mysql을 실행합니다. 그리고 위와 같이 작성했는데 not found같은 오류가 나온다면 환경변...

shaqok

코드스테이츠 이머시브과정 후반부에 2주, 4주 프로젝트 중 2주 프로젝트를 시작했다. dev.log 를 남겨두면 매일 정리에도 도움이 되고 나중에 다시 보기에도 좋을 것 같아 시작하기로 했다. 먼저 이번 프로젝트는 아쉽게도 내가 아이디어를 내거나 선택을 했던 것은 아니지만 4주 프로젝트로 생각하고 있는 아이디어에도 도움이 될 것 같아 재미있을 것 같다. ...

dvmflstm

애플리케이션 구조 structure.png 애플리케이션 작동 방식 이번 프로젝트의 목표는 순간적으로 몰리는 트래픽에 대응할 수 있는 서버를 구축하는 것이었기 때문에, 일반적인 웹 클라이언트는 만들지 않고 시뮬레이션을 위해 request 생성기(봇)을 만들었다. image.png 이벤트 (event) 웹 클라이언트가 아닌 시뮬레이션용 클라이언트를 이용...