분류 전체보기
-
1st Dayfirst project(08.10~ 2020. 8. 11. 00:52
처음으로, 프로젝트를 진행하게 되면서, 타이머를 구현하기 위한 대화와 피드백을 조금씩 진행했다, 아무래도 아직 어색하고, 구현하고자 하는 타이머와 기능에 대한 명확한 기능에 대한 구상중이 었기에, 기본 타이머에 충실하지만, 각자 생각하는 타이머의 기능에 대한, 기능 플로우에 대해 작성해보고 명일 정하기로 하였다, 기능 플로우를 구상하면서 느낀 점은, 실질적으로, 페이지의 구상과, 보여지게 하고자 하는 데이터의 내용과 형태, 그것을 실직적인 플로우로 직접 그려보고자 할때, 굉장이 많은 협의가 필요할 것이란 것을 느꼇다 내가 생각하는 플로우는, 아마 내가 생각하는 가능성있는 구성을 기반으로 하고 있을 것이다. 분명 회의를 거쳐서, 더 좋은 아이디어를 떠올려서 좋은 플로우를 거쳤으면 좋겠다. 프론트와 백엔드의..
-
DeploymentTIL 2020. 8. 3. 14:18
deployment - 배포 ->> 어플리케이션을 클라우드 서비스에 설치하는 것@ 클라우드? 인터넷을 통해 제공되는 서버와 혹은 서버에서 실행되는 소프트웨어 및 데이터베이스를 나타낸다. 클라우드 컴퓨팅? 인터넷을 통해 가상화된 컴퓨터의 시스템 리소스를 제공하는 것(EX 구글, 네이버, etc) S3(Simple storage service) 리액트라는 것은 기본적으로 SPA 한페이지 내에 js 스크립트들을 불러와서 하나의 화면을 구축하는 방식인데, 만약 우리가 앱을 하나 개발해서, 사용자들에게 배포를 할 경우에 모든 파일을 받아야하는 것은 아니다. 그래서 이 정적인 구조를 빌드 해주어야 한다. 리액트 빌드 - 클라이언트단을 리액트로만든 SPA를 정적으로 하나의 파일로 만드는 과정이 빌드. 그래서 S3는?..
-
Authentication & AuthorizationTIL 2020. 8. 1. 02:34
Authentication(인증) 어딘가에 출입하기 위해 카드키를 찍는 행동(나는 누구야~) Authorization(권한부여) 어딘가에 출입하기 위해 카드키를 찍는다면, 어떤방에 들어갈 수 있게 해주는 것(여기까지 가세요~) 쿠키와 세션 쿠키와 세션은, 우리가 HTTP 프로토콜을 이용하는 통신을 할때, 이 프로토콜의 특징이자, 약점을 보완하기 위해 사용됩니다. 특징이라 하면, stateless, connectionless 가 있을 것입니다. connectionless ? HTTP 프로토콜 환경에서 클라이언트의 요청( req ) 에 의한 서버의 응답 ( res ) 을 보낸 후, 접속을 끊는 특징! stateless ? 통신이 끝나면( req -> res ) 그 상태를 유지 하지 않는 특징이다. 연결이 끊..
-
node.js DevTools 사용 후기.TIL 2020. 7. 31. 23:44
금일 shortly.express 스프린트 리뷰중.. session 을 아무리 콘솔을 찍어봐도, id라는 것은 없는데, 왜 레퍼런스에는 id를 찍으라고 하는 걸까 라는 의문점이 들었다. 모각코중에, 동기분들에게 여쭤보니, 포스트맨을 사용해보고, mysql에서도 확인일 해보라는 조언을 주셔서, 이래저래 헤매이다가, 로그인과, 회원가입, 로그아웃에 대한 내용을 포스트맨으로 확인해볼 수 있었다. 오.. 이전에도 써보긴 했지만, 시퀄라이즈라는 ORM의 쓰임에 대해서 조금은 더 쉽게 다가간 느낌이었다,. 그리고, 호용님께서 말씀해주신 nodejs 디버깅.. 급!! 떠올라서 활용을 해볼 수 있었다. 아.. 이렇게 편한걸.. 기존에 한두번 사용해보다가, 왜 안되는데 사용하라는거지.. 라면서 콘솔이나 찍자 라고 했었는..
-
MVC patternTIL 2020. 7. 27. 20:51
MVC Pattern? 개발을 진행할때, 역할을 3가지 형태로 나누어 개발을 진행하는 방법론. 사용자가 웹사이트에 접속 컨트롤러는 사용자가 요청한 웹페이지를 서비스 하기 위해서 모델을 호출(maniulates) 한다 모델은 데이터베이스나 파일과 같은 데이터 소스를 제어한 후에[ 그 결과를 리턴 컨트롤러는 모델이 리턴한 결과를 뷰에 반영(update) 데이터가 반영된 view는 사용자에게 보여진다 what is M, V, C M(Model) 데이터와 로직을 관리합니다. 프로그램이 계획한 작업을 수행하기 위해서, 포함해야할 데이터가 무엇인지를 정의합니다.(DB와 연결된다!) 데이터의 상태가 변경되면 뷰에게 전달하며(필요한 경우 변경까지) 컨트롤러와도 상호작용을 합니다 V(View) - visual repre..
-
MySQL - schema 만들어보기!TIL 2020. 7. 25. 02:57
Workbench 를 사용해서, schema를 만들어보았다. 엄두가 안났었는데, 동기분중에 갓갓한 분이, 엄청 편한 사용법을 알려주셔서, 시작~을 해볼 수 있었다. 새로 구조를 만드는 것은.. 아이디어푸어에, 복습할 시간도 부족하니까, 기존 스프린트를 따라 만들었다. -- MySQL Workbench Forward Engineering SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0; SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0; SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='ONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,N..
-
문제풀이 TILTIL 2020. 7. 19. 08:01
Array.prototype.splice() splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. 구문 array.splice(변경시작할 인덱스, 제거할 인덱스, arr = [100, 200, 300, 400] arr.splice(2, 0, 10000) console.log(arr) //[100, 200, 10000, 300, 400] String.prototype.concat() 메서드는 매개변수로 전달된 모든 문자열을 호출 문자열에 붙인 새로운 문자열을 반환합니다. var year = '2019'; var month = '04'; var day = '26'; var hour = '11'; var minute = '34'; var second ..
-
WEB HA 후기TIL 2020. 7. 18. 10:20
01. 일단 테케에 대한 이해도 부족 - 콘솔로 찍어보고, 어떻게 해결해야 되는지에 대한 방법을 생각해내는데 오래 걸리고, 결국 해내지 못했었다. 02. Server부분에서의 부족했던 점. request 조건문 부분 구현하지 못함 express request 부분 찾아봤다면, 어느정도 근접할 수 있지 않았을가 생각함. express request & response 에 대한 공부 및 정리 필요함 요청URL의 형식에 대한 이해부족 하단 링크로 어느정도 해답을 찾은 것 같다. https://stackoverflow.com/questions/34095126/express-router-id Express router - :id? Real simple question guys: I see a lot of book..