분류 전체보기
-
Optional chainingTIL 2020. 9. 9. 00:14
금일 서버와 클라이언트의 데이터 전송여부와 그 데이터를 어떤식으로 렌더링을 해야 하는지에 대한 얘기를 팀원분들과 진행하다가, 분명히, response의 데이터는 잘 들어오는데, 객체의 값을 불러오는 닷노테이션, 브라켓노테이션 두가지를 사용했는데도 읽어오지 못하는 현상을 겪게 되었다. 그 부분에 대해서 팀원분이 찾아주신 내용에 대해 게시해보려 한다. [ { "id": 8, "text": "123test", "tags": null, "cheered": null, "done": null, "DLC": null, "user_Id": 4, "createdAt": "2020-09-08T13:30:19.000Z", "updatedAt": "2020-09-08T13:30:19.000Z", "Comment": [ { "..
-
Array.prototype.sort() & Conditional (ternary) operatorTIL 2020. 9. 6. 13:54
sort()메소드는 배열의 요소를 적절한 위치에 정렬한 후, 그 배열을 반환합니다. 기본 정렬 순서는 문자열의 유니코드 포인트(아스키코드 문자 순서로 정렬됩니다) let strArr = ['a','ccc','b','d'] srtArr.sort() console.log(strArr) //['a','b','ccc','d'] let numArr = [1,33,21,5,4] numArr.sort() console.log(numArr) //[1,33,21,5,4] //문자와 동일한 방법으로 정렬하게 되면, 아스키코드 순으로 정렬되어,숫자의 크기대로 정렬되지 않는다. 그래서 숫자에 대한 정렬을 시도할 때에는, 추가적인 함수(조건)을 만들어주어야 한다. //내림차순 정렬 let numArr = [1,33,21,5,4..
-
simple typescript (import&export)TIL 2020. 8. 31. 12:03
쉬운 타입스크립트 실행 예제를 만들어 보았다. 콘솔 명령어 순서. mkdir typescript-test cd typescript-test npm init -y npm i --save-dev ts-node npm i typescript code . 명령어 혹은, 해당폴더를 vs-code로 열어서 vs-code 로 가보자 tsconfig.json 생성 컴파일 옵션 작성. "target" // 사용할 ECMASCript 버전설정 - 최신버전 사용하는 것을 추천. "module" // 모듈설정 "declaration" // d.ts파일의 생성여부 "outDir" //출력할 디렉토리( ts파일을 js파일로 컴파일 후 생성된 js파일의 저장위치) src 폴더 생성 후, 내부에 index.ts greeter.ts ..
-
typescript&express 개발환경만들기TIL 2020. 8. 27. 17:23
Why TypeScript ? javascript의 문제점 javascript는 동적 타입의 언어입니다, 동적 타입의 자료형은 컴파일 시, 타입을 정하는 것이 아니고, 실행 도중 변수에 예상치 못한 타입에러가 발생할 수 있습니다. //console창 //01 "" == 0 // true.. why? --? type! //02 const obj = { width: 10, height: 15 }; const area = obj.width * obj.heigth; area // NaN Typescript = ( A static Type Checker ), 장점 정적타입을 지원하고, 컴파일 단계에서 오류를 확인할 수 있으며, 개발자의 의도를 명확하게 코드로서 사용할 수 있다. 이는 코드의 가독성을 높이고, 예측..
-
first - project 후기first project(08.10~ 2020. 8. 22. 18:40
첫번째 프로젝트가 마무리 되었다. 여러 팀의 발표가 2시간 가량 이어지고, 많은 생각이 들었다. 우리팀의 경우는 기본을 다시 돌아보자, 여지껏 진행해왔던 부분 에 대한 의문점들을 확인해보자는 것이었다 모두가 각자 다른방식으로 공부를 해오고 있었지만, 공통적으로 가지는 의문점이 있었다. 이렇게 이해를 명확하게 해오지 못했는데, 정말 만들어질까.. 라는 의문. 그래서 정말 단순한 기능들만을 사용하기로 하고, 정말 어떤식으로 웹이나 앱이 만들어지는 가에 대한 확인 과정이자, 정말 배운내용들을 토대로 우리가 원하는 것이 구현 배포가 가능한지 가능하다면 거기까지 해보자는게 첫날 팀원들의 공통적인 의견이었다 그래서 여지껏 배워온 회원가입 로그인 로그아웃 + 앱의 방향성인 타이머 구현에 대한 것으로 회의를 시작했고,..
-
6~7일차.first project(08.10~ 2020. 8. 18. 00:51
스프린트 2 를 로그인 구현 프론트단과 연결, 및 배포 스프린트 3 을 기존 목표 타이머에 대한 저장 및 업데이트 랭크를 구현 후 배포를 10일차에 마무리 해보기로, 어드밴스드 하게는, JWT OR socket.io 를 구현하는 쪽으로, 목표를 잡았다. ~6일차. 스프린트 2 는 기존 예상보다 하루 정도 오버한, 6일차에 RDS 와 EC2 연결 부에 대한, 끊임 없는 삽질로, 8시간이상 같이 헤매이다, 보안설정에 mysql port 추가 및, EC2에 RDS - 엔드포인트를 설정하는 것으로, 힘겨웠지만, 다들 하나 해내었다고 즐거워하며 마무리를 지었다. 7일차~ 기존에 타이머를 구현 하기 위한 ORM 작성으로 하루종일 스키마 재정의 및 요청으로 받아오는 데이터 확인, 그것으로 어떻게 새로운 테이블에 데이..
-
first project 3일차.first project(08.10~ 2020. 8. 13. 23:39
스프린트 2 를 로그인 구현 프론트단과 연결, 및 배포 스프린트 3 을 기존 목표 타이머에 대한 저장 및 업데이트 랭크를 구현 후 배포를 10일차에 마무리 해보기로, 어드밴스드 하게는, JWT OR socket.io 를 구현하는 쪽으로, 목표를 잡았다. 스키마와 데이터 형태 협업은 어떻게 하는가를 끊임없이 고민하다 조금 또렷해진 것 같은 게 몇가지 있어서, 적어보려한다. sequelize init 실행시, 여지껏 만들어져있던 sequelize 의 인덱스 파일과 모델폴더, 마이그레이션폴더, 가 생성되었다. 이를,, branch를 따서,, 실행해보았는데,, git을 옮겨도 적용되서,,, 난감했다..밀고 다시 :) 백엔드를 같이 진행할 팀원과, 앞으로 분산해야 할 백엔드의 미들웨어와 시퀄라이즈 데이터베이스 구..