본문 바로가기

전체 글

달릴때는 앞을, 멈춰서 주위를 달릴때 주위를 보면 이도저도 못한다. 신체 구조상 앞과 주위를 동시에 볼수가 없다. 본다면, 인간이 아닌 파충류다. 장인이 작품을 만들때 부수적인 생각을 하지 않듯이. 입시생이 입시만을 바라보며 학원을 다니듯이. 목표에 집중해야 성공인지 탈락인지 알수있다. 그런데 쉬는 시간은 필요하다. 다시 달리기 위해 의식적으로 발을 멈추고, 채비를 해야한다. 그때 주위를 보면서 방향성 체크를 한다. 동시에 하면 아마추어다. 더보기
[React] useSelector가 Promise를 리턴? useSelector로 값을 찍어보는데 Promise를 리턴했다. 뭐지????? 갑자기??? 미들웨어로 thunk를 써서 그런가? 싶었는데.....응 아니야.... 20분 삽질했나.... 혹시 몰라 리듀서 메소드 앞에 async가 있는걸 지워밨는데.... 정상작동 됐다. 다른 분이 작업한 내용을 수정했는데, 이런 사이드 이펙트가..... 리듀서 메소드 앞 async는 조심하자! 이상입니다 *코드 깨지면 아래 참고해주세요 https://medium.com/%EB%8F%84%EA%B9%A8%EB%B9%84-%EC%9D%B4%EC%95%BC%EA%B8%B0/react-useselector%EA%B0%80-promise%EB%A5%BC-%EB%A6%AC%ED%84%B4-7a34523656d3 더보기
[NestJs] Params, Query, Body controller를 통해 요청을 받으면, client에서 올린 데이터를 약속된 방식에 따라 정리? 해야한다. 아래는 각 케이스별 컨트롤러에서의 코드이다. import { Body, Controller, Post, Get, Query, Param } from "@nestjs/common"; import { userMookService, UserMockInterface } from "user/user.service"; import { UserDTO } from "user/dto/user.dto"; @Controller("user") export class UserController { // state 설정을 해줘야, constructor 안에서 사용 가능 private service: userMookSer.. 더보기
[NestJs] Validation이 안되요... Controller, Module, Provider(DI, IOC)개념을 아래 링크를 통해 익힐수 있다. https://docs.nestjs.com/first-steps Documentation | NestJS - A progressive Node.js framework Nest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Func.. 더보기
결국 IT다 생산성 향상, 장사의 사업으로 전환, 회사 밸류 증대를 목적으로 IT를 도입한다. 제조업, 마케팅, 부동산, 회계, 가맹점 근무자들이 불편함을 IT로 해결하고자 한다. 메이커들을 뽑고 “만들어주세요”하지만, 팀원 이탈이나 현금 유동성 문제로 사업을 중지한다. 수주를 먼저 따온후 생산 라인을 설립하는 제조업과 달리. 초기에는 사장 혼자 솔선수범하면 되는 가맹점과 달리. 전문성만 검증되면 매출이 발생하는 회계와 달리. IT는 1부터 100까지 팀원이 한다. 개발, 디자인, 기획은 물론이고, 팀문화 조성도 팀원이 한다. 수정되야할 문제점 인식도, 인식된 문제 개선을 위한 체계 설립도 팀원이 한다. 붙이는 IT여도 쉽지 않다. 더보기
[Js] ES5 prototype vs ES6 Class 자바스크립트는 프로토타입 언어라도 불린다. 객체 지향을 베이스로한 다른 언어와 달리, 생성자 함수를 기반으로 프로토타입 체이닝을 통해 참조 변수및 원시 변수들을 모두 다룬다. 그러나 대규모 프로젝트에 OOP가 더 적합하다는 인식과 내부적으로 객체 지향 기능을 구현하고자하는 니즈로 ES5에서는 객체를 모방한 프로토타입을 사용한다. class와 구조가 비슷한듯 매우 안비슷하다. 1. prototype 프로토타입은 위 사진만으로 설명 가능하다. 생성자 함수(constructor)은 protptype을 가지고 있고, new를 통해 instance를 생성한다. instance는 _proto_를 가지고 있는데, _proto_는 prototype을 참조한다. prototype과 _proto_ 모두 메소드를 가질수 있.. 더보기
[Js] 유사배열객체 Class를 제외한다면, 메소드와 함수 구분이 명확하지 않은 자바스크립트에서 this는 모호합니다. 모호성을 풀기 위해 this 바인드(원하는 객체 지정) 개념이 있고, 이를 위해 call, apply 함수가 있습니다. //{x:11} 객체를 바인드해, func5 내부에서 this 출력 const func5 = function (a,b,c){ console.log(this, a,b,c) } func5.call({x:11}, 3,4,5) 조금 더 심화하면 배열과 유사한 object와 string을 배열화 시킬수 있는데요. 1) obejct 배열화 const ob2 = { 0: '1', 1: '2', length: 2 } console.log(Array.prototype.slice.call(ob2)) con.. 더보기
[Js] 순수함수란 함수형 프로그래밍에서 불변성과 더불어 중요한게 순수함수다. 순수함수는 아래와 같은 조건을 가진다 같은 입력에 대해서 같은 결과를 return해야 한다 함수의 바깥 영역에 side effect를 초래하지 않아야한다 return을 해야한다 여러 글들에서 순수 함수를 다루지만 핵심은 부수효과를 없애 side effect를 지우고, 재사용 가능한 모듈화 이다. *부수효과란, '외부 상태를 변경하는 것 또는 함수로 들어온 인자의 상태를 직접 변경하는 것' (1) 순수 함수인 경우 const adder = (a,b) => { return a+b; } 어떤 사람은 입력과 결과값이 같아야한다고 한다. 이는 a,b를 넣어 a+b로 나오는게 모습을 비순수함수로 판단할 여지가 있기에, 동일한 입력을 넣으면 항상 같은 결과가.. 더보기