프로그래밍 언어/JavaScript25 [함수형 코딩] 액션과 계산 데이터 액션과 계산 데이터 단순해보이는 액션도 또다른 액션이나 계산 , 데이터로 나눌 수 있다. 함수형 프로그래밍에서는 액션을 더 작은 액션과 계산, 데이터로 나누고 나누는 것을 언제 멈춰야 할지 아는 것이 중요하다. 액션을 쓰는 순간 전체로 퍼지게 된다. 액션은 호출 시점이 중요하기 때문에 액션을 특정 시점에 실행시키기 위해 만들어진 함수도 액션이다. 모든 함수가 액션화 되는것! > 액션을 가능한 한 사용하지 말아야 한다. 재사용하기 쉽게 만들기 전역변수에 의존하지 말아야한다. DOM을 사용할 수 있는 곳에서 실행된다고 가정하면 안된다. 함수가 결과값을 리턴해야한다. 입력과 출력 모든 함수에는 입력과 출력이 있음 “입력”은 함수가 계산을 하기 위한 외부 정보이다. “출력”은 함수 밖으로 나오는 정보나 어떤 동.. 2023. 1. 24. [함수형 코딩] Intro 함수형 프로그래머는 코드를 세가지로 분리한다. 액션 계산 데이터 호출하는 횟수나 호출하는 시점이 중요하다. (의존하고 있기 때문) 계산 (sum함수)는 실행이 가능하나 데이터는 그렇지않다. 하지만 횟수는 중요하지 않음 함수형 프로그래머는 코드를 액션과 계산, 데이터로 구분한다. 함수형 프로그래밍은 데이터 > 계산 > 액션 순으로 선호한다. 액션 실행 시점이나 횟수 또는 둘다에 의존함 외부 세계에 영향을 주거나 받는다. 계산 입력값으로 출력값을 만드는 것. 같은 입력값을 가지고 계산하면 항상 같은 결과값이 나온다. 외부 세계에 영향을 주거나 받지 않고 실행시점이나 횟수에 의존하지 않는다. 데이터 이벤트에 대해 기록한 사실 사실은 변하지않기 때문에 영구적으로 기록할 수 있다. 분산 시스템 함수형 프로그래밍은.. 2023. 1. 23. 얕은 복사 vs 깊은 복사 (vue, react) 얕은 복사 vs깊은 복사 얕은 복사 : 참조에 의한 할당. 같은 데이터 주소를 가지고 있는것, 값을 카피하고 출력해도 동일하다. 얕은 비교 : 기본 타입데이터는 값만 비교, 객체는 참조까지 비교(같은 값이더라도 false) 깊은 복사: 아예 새로 운 객체안에 속성만 복사해서 사용 , 다른 주소를 갖는다. 깊은 비교 : 객체의 경우 값까지 비교 → 깊은 복사 간단하게 할 수 있는 방법? 1depth 까지는 shallow copy , 2 depth이상이면 deep copy이다. const JSONuser = JSON.parse(JSON.stringify(user)); const lodashUser = cloneDeep(user); 완벽한 deep copy를 하고 싶으면? > 재귀적으로 깊은 복사를 하던지, .. 2022. 9. 25. 오류 기록 (외부API연동시 options Method 허용 체크) 어어어어어이없었던 실수를 한 경험 외부 API를 연동하는데 postman에서는 잘되는데 웹에 연동을 하면 500Error가 떨어져 버림... headers 값에 'user-token'만 넣고 axios로 보내는 로직이라 아주아주 간단한 거였음 why? 500Error라서 우리 잘못은 아니라 확신을 했는데 연동사에서 계속 우리가 잘못보내고 있는게 아니냐고 의심? ㅎ 해서 나도 열심히 테스트를 진행 했었다. 근데 뭔가 요청 내용이 이상함, user-token값을 넣었는데 보이지도 않고, 내가 알던 요청 헤더 정보가 아녀.. 그래서 로컬로 실행해서 테스트를 해봄, 우리는 셋탑 단말 위에 브라우저를 띄우는 형태라 뭔가 다를 수도 있다고 생각했다. 요청 내용을 보니까 달라요... 왜죠..? CORS가 나긴하지만 .. 2022. 7. 23. 이전 1 2 3 4 ··· 7 다음 반응형