전체 글
-
[이인용] 프로젝트 회고project 2020. 8. 19. 18:44
0px 프로젝트 컨셉 문제와 발견 [문제] 유저의 다른 클라이언트 사이즈 캔버스와 소켓 조합의 무거움 [발견] 어려움 속에서 발견된 게임 간단한 기능의 커다란 즐거움 이인용 2020. 07. 14 - 08. 11 concept + Socket.io = Online Game 추억의 이인용 오락실 게임을 온라인으로 즐기자! position 프런트엔드 프런트엔드로서 게임 화면을 구성하는 작업을 맡았습니다. 게임을 구현하며 겪게 된 두 가지 문제와 발견을 정리해봅니다. 문제 1. 두 유저의 다른 클라이언트 사이즈 2. 캔버스와 소켓 조합의 무거움 발견 1. 어려움 속에서 발견된 게임 2. 간단한 기능의 커다란 즐거움 첫 번째 문제 두 유저의 다른 클라이언트 사이즈 제작되는 게임 중에는 순발력이 있어야 하는 두더..
-
[이인용] 두번째 프로젝트 기록project 2020. 7. 14. 22:12
20.07.14 두 번째 프로젝트인 이 시작되었습니다. 이번 프로젝트는 4주 동안 진행되며 웹에서 앱으로 확장되어 다양한 경험을 주게 될 것입니다. Front-end를 맡게 되어 React와 React Native, 를 주로 만지게 됩니다. 20.07.15 작업을 시작하기 전에 어떻게 만들어가야 하는지 자세하게 그려보고 있습니다. 협업 툴인 miro에서 워크플로우와 스키마를 작성하고 이를 바탕으로 API문서, 태스크 카드를 작성했습니다. 한 화면에 할 일들을 나열하니 첫 프로젝트의 시작단계에서 느꼈던 부담스러운 감정이 다시 떠오릅니다. 첫 번째 프로젝트도 마칠 수 있었으니 이번에도 그러길 바랄 뿐입니다. 20.07.16 하나씩 화면에 놓은 것들을 모아서 한 페이지에 정리하고 피드백을 받았습니다. 생각지도..
-
[산성비] 첫 프로젝트의 시작과 끝project 2020. 7. 13. 22:57
산성비 2020. 06. 29 - 07. 10 concept 타이핑 게임 + 코드 코딩을 시작한 우리에게는 타이핑마저 어렵다! 아이디어를 내고 팀원들과 함께 만드는 팀 프로젝트를 처음 진행하게 되었어요. 풀스택 포지션으로서 Express와 Sequelize를 다루며 서버를 구현하였고, 로그인 화면을 구성하여 유저의 권한 설정에 대한 서버 요청까지 맡게 되었죠. 또한 팀장으로서 작업이 어떻게 진행되는지 머릿속에 그림을 그리며 단계적으로 해야 할 일을 미리 생각해야 했어요. 부담감이 상당했지만 적극적인 팀원들 덕분에 끝까지 해낼 수 있었어요. 스테이지 수정 권한 기존의 산성비 게임은 단순히 내려오는 텍스트를 빠르고 정확하게 타이핑하는 데에 그쳤지만 이번 프로젝트의 서비스에는 유저가 자신만의 스테이지를 생성,..
-
TIL_200622Today I Learned 2020. 6. 22. 22:09
클라우드 - 인터넷을 통해 제공되는 서버(해당 서버에서 실행되는 소프트웨어 및 데이터베이스)를 나타낸다. 클라우드 컴퓨팅 - 클라우드를 통해 가상화된 컴퓨터의 시스템 리소스를 즉시 제공한다. Deploymenet -만든 앱을 클라우드 서비스에 넣어서 다른 사람이 사용할 수 있도록 합니다. S3를 왜 사용해야 하는가? 일반적인 파일서버는 트래픽이 증가함에 따라서 장비를 증설하는 것을 대신한다. EC2를 왜 사용해야 하는가? EC2는 독립된 컴퓨터를 입대하는 서비스입니다. 이로인해 자신의 컴퓨터를 24시간 켜놓지 않고도 서버를 실행할 수 있습니다. 비용 최적화, 빠른처리, 유연한 인프라, 검증된 보안 vim을 통해서 파일을 수정할 수 있다. RDS는 왜 사용해야 하는가? 간단한 UI를 통해서 원하는 설정이 ..
-
배포하기web 2020. 6. 22. 15:37
왜 배포를 해야하나요? 웹 서비스를 만드는 작업은 결국엔 다른 사람들이 이용해야 의미가 생깁니다. 그렇기 때문에 웹 개발자는 배포에 대한 기본적인 지식을 가지고 간단한 배포를 할 수 있어야 합니다. 어떻게 배포를 하나요? AWS(Amazon Web Services)이라는 아마존에서 제공하는 클라우드 서비스를 통하여 네트워크 상의 컴퓨팅 리소스를 사용합니다. 클라우드 컴퓨팅(Cloud Computing) 클라우드를 통해 가상화된 컴퓨터의 시스템 리소스를 제공 물리적인 데이터 센터와 서버를 구입하는 대신 사용됩니다. S3, EC2, RDS Amazon Simple Storage Service (S3) 인터넷용 스토리지 서비스로써 데이터 스토리지 인프라에 액세스하여 트래픽이 증가함에 따라서 장비도 증설해야하는..
-
데이터베이스 (Database)web 2020. 6. 21. 19:02
0px Database란? SELECT WHERE ORDER BY INSERT INTO DELETE UPDATE SQL JOIN 데이터를 어디에 저장해야 할까요? 만약에 유저의 클라이언트에 데이터를 저장한다면 유저가 클라이언트를 종료할때 사라질 것입니다. 그렇다면 서버에 데이터를 저장하는 것을 어떨까요? 유저가 페이지를 종료하여도 데이터는 서버에 남을 것입니다. 서버에 데이터를 보관하게 되었다면 아무런 문제가 없을까요? 데이터를 정리하지 않는다면 데이터를 불러오기 힘듭니다. 저장공간을 비효율적으로 사용하고, 찾는데에 시간이 걸리기 때문에 데이터를 관리하는데 특화된 서버를 만듭니다. 이를 데이터베이스 서버라고 부릅니다. 어떻게 데이터베이스에 데이터를 분류하고 저장하나요? SQL(Structured Quer..
-
TIL_200618Today I Learned 2020. 6. 18. 12:55
세션은 서버와 클라이언트의 연결이 활성화된 상태 자체를 의미합니다. 세션 객체는 서버에 저장되어 관리됩니다. 클라이언트에 개별적으로 발급되는 세션 id는 헤더의 set-cookie 속성에 담깁니다. 만약에 세션을 서버에 저장하지 않고 쿠키만을 사용한다면 다른 사람이 마음대로 쿠키 값을 가져가서 로그인을 할 수 있습니다. 다른사람이 세션ID를 가져가면 해당 유저로 접속할 수 있습니다. 그렇기 때문에 보안성을 높이기 위해 여러방법을 사용합니다. 쿠키에는 유효기간이 있어서 일정시간이 지나면 사라지기 때문에 접속할 수 있는 기간이 정해져 있습니다. 또한 서버에도 유효기간을 정하여 유저가 일정시간동안 접속하지 않으면 삭제되도록 만들 수 있습니다. 보안성을 높이는 방법은 검증하는 요소를 정하는 것입니다. 예를 들어..