\(@^0^@)/

액션과 계산, 데이터 구분하기 절차적인 방법으로 구현한 쇼핑몰 페이지의 코드를 함수형으로 리팩터링 하기 위해서 액션, 계산, 데이터로 구분해보자. 액션은 코드 전체로 퍼진다. 어떤 함수 안에 액션이 하나만 있어도 그 함수 전체가 액션이 된다. 함수에는 입력과 출력이 있다 정보는 입력을 통해 함수 안으로 들어간다. 정보나 어떤 효과는 출력으로 함수 밖으로 나온다. 입력과 출력은 명시적이거나 암묵적일 수도 있다. 인자는 명시적인 입력이다. 리턴 값은 명시적인 출력이다. 하지만 암묵적으로 함수로 들어가거나 나오는 정보도 있다. let total = 0; function add_to_total(amount) { // 인자는 명시적 입력 console.log("합계 :" + total); // 전역변수를 읽는 것..

- 제로베이스 스쿨 수강후기 작성 - 1분 코딩 html5 canvas 강의 canvas 강좌 5 - 6 너무 재미있고 흥미롭게 보고 있는데도 강의를 보면 가끔 졸린 건 어쩔 수 없나보다...ㅠ 오늘을 끝으로 1분 코딩 채널의 canvas 관련 강의를 완료하였다. 오늘 학습한 강좌 5-6은 지난번보다 수학적인 개념? 들이 많고, 코드도 훨씬 길어져서 더 어려웠기에, 다음 주 저녁 파트에 TS와 REACT를 우선적으로 학습하고, 시간이 된다면 canvas 프로젝트를 조금씩 구현해보면서 복습해야겠음. canvas의 매력에 빠질 수 있는 정말 재밌고 만족스러운 강의였고, 개인적으로 포폴 사이트를 canvas 또는 인터렉티브 웹으로 구현해보고 싶은 욕심이 생겼다. 학습하면서 배운 간단한 프로젝트들에 기능을 추가..

- 제로베이스 REACT 강의 리액트 주요 개념 마무리 + 컴포넌트 스타일링 데이터를 가져와서 컴포넌트에 뿌려줄 때, reduce를 이용해볼 수 있다. react 공식 문서의 mock data를 사용해보자. filter함수를 사용해서 카테고리가 Sporting Goods 이거나 Electronics 일 경우의 데이터만 뽑아 올 수도 있지만, 그렇게 데이터를 추출한다면 만약 Sporting Goods 또는 Electronics가 없을 경우, 사용이 불가능하다. 즉, 코드의 확장성이 좋지 않으므로 reduce를 이용해서 어떤 카테고리가 나타나더라도 사용 가능할 수 있도록 구현해보자. import React from "react"; import products from "./products" export de..