분류 전체보기122 함수형 코딩: 액션, 계산, 데이터 1. 장보기 과정을 액션, 계산, 데이터로 나눠보자. 이 과정을 통해 우리가 알게된 것액션과 계산, 데이터는 어디에나 적용할 수 있다.액션 안에는 액션, 계산, 데이터가 또 있을 수도 있다.계산은 더작은 계산과 데이터로 나누고 연결할 수 있다.데이터는 데이터만 조합할 수 있다.계산은 우리 생활에 녹아있어 잘 보이지 않을 수 있다. 연습문제 1. 10명 이상을 추천한 사용자는 더 좋은 쿠폰을 받을 수 있다는 것을 전제로 해야할 일들을 나열해보자. (40p)이메일 보내기추천 수데이터 베이스에서 구독자 가져오기어떤 이메일이 쿠폰을 받을지 결정하기쿠폰에 등급 매기기구독자 DB 레코드데이터 베이스에서 쿠폰 읽기쿠폰 DB 레코드이메일 제목쿠폰 목록 DB 레코드이메일 주소구독자 목록 DB 레코드이메일 본문 연습문제.. 2024. 6. 25. 함수형 코딩: 함수형 코딩이란? 1. 함수형 프로그래밍이란?함수형 프로그래밍 정의는 아래와 같다.1. 수학 함수를 사용하고 부수효과를 피하는 것이 특징인 프로그래밍 패러다임2. 부수효과 없이 순수함수만 사용하는 프로그래밍 스타일 하지만 위 정의의 문제점이 있다.1. 부수 효과는 필요하다.2. 함수형 프로그래밍은 부수효과를 잘 다룰 수 잇다.3. 함수형 프로그래밍은 실용적이다. 그래서 이 책에서는 일반적인 함수형 프로그래밍의 정의를 사용하지 않고 실제 사용해본 프로그래머의 기술, 생각, 흐름, 시각을 정리했다. 또한 함수형 프로그래밍의 중요한 개념은 객체 지향 프로그래밍, 절차적 프로그래밍을 가리지 않고 모든 프로그래밍 언어에서 사용가능하다. 2. 함수형 프로그래밍에서 코드는 세 분류로 나뉜다.1. 액션호출하는 시점과 횟수에 의존시간이.. 2024. 6. 23. [스터디] 모자딥 회고록 스터디를 직접 만들어보자! 드디어 모던 자바스크립트 딥다이브 책 스터디가 마무리 되었다. 자바스크립트를 공부하기에 이만한 책은 없다고 생각은 했는데.. 혼자 읽으려니 생각보다 진도가 안나갔다. 그래서 이 책을 주제로 하시는 스터디를 찾아봤지만.. 없었다ㅜㅜ 그래서! 내가 주도하기로 마음 먹었다. 스터디원 모집도 어렵네.. 10/8 첫 모집을 하고 나 포함 6명이 모집이 되었다. 스터디 규칙과 방식에 대해 말씀드리고 스터디룸을 잡았다. 근데 왠걸.. 스터디 첫날 당일에 사정이 생겼다며 나가버리시더니 결국 1분만 남았고 스터디원을 새로 모집했다ㅜㅜ 10/19 다시 모집을 하고 들어오신 한분과, 부트캠프 동기들 2명, 이렇게 4명으로 다시 스터디를 진행하게 되었고 감사하게도 모집글을 보고 대략 10명이 모였다.. 2024. 1. 3. Next에서 svg를 컴포넌트로 사용하기 저번 테오 스플린트에서 처음으로 svg를 사용해봤다. icon을 사용하려면 보통 Font Awesome을 사용했었는데 설치를 해야한다는 단점과 좀더 얇았으면, 빈칸이 채워져있으면, 하는 아쉬운 점이 있어서 이번 블로그 프로젝트에서도 svg를 사용해보기로 했다!! 다만 저번에는 React였는데 이번에는 Next라는 점이 달랐다. 똑같은 줄 알고 저번과 똑같이 적용하려고 했었는데 안됐다..ㅎㅎ 그래서 이번 포스팅에서는 Next에 svg를 컴포넌트처럼 사용하는 방법에 대해 나열해보려고 한다! React에서는 svg를 어떻게 사용할까? 일단 먼저 React에서는 svg를 알아보고 Next와의 차이점을 비교해보는게 좋을 것 같다. 1. image 태그 이용하기 제일 간단한 방법은 image처럼 사용하는 것이다. .. 2023. 12. 28. Next.js 프로젝트에 tailwind css 추가하기 tailwind css와 유틸리티 클래스란? 기존에 CSS 로만 진행하던 프로젝트에서 ui의 통일성과 재사용성을 고려하여 tailwind css를 도입하기로 했다. tailwind css는 클래스로 구성된 유틸리티 중심의 CSS 프레임워크이다. 유틸리티 클래스란 버튼, 모달 등과 같이 무언가를 구성하기 위한 css가 아닌 빨간색 글자 색상, xl 사이즈의 글자 크기 등과 같이 하나의 css에 정의된 속성과 값을 가지는 걸 의미한다. 즉, 유틸리티 우선이라고 하는 것은 사용자가 원하는 각각의 속성값을 적용하여 하나를 만들어내 것이다. tailwind css 장점 HTML 코드 안에 CSS가 있기 때문에 HTML와 CSS 파일을 별도로 관리할 필요가 없다. 클래스명을 고민하지 않아도 된다. 모든 곳에서 동일.. 2023. 12. 26. vercel 배포한 환경에서 .env 사용하기 vercel에서 env 파일 내용을 못 불러온다고? 개인 플로그 프로젝트를 진행 중 vercel로 배포를 하게 되었다. 개발환경과 배포환경의 base URL이 달라서 각각 적용해주기 위해 env를 나누어서 저장해둔 상태로 배포환경을 열어보니.. 아무것도 없다ㅜㅜ 생각해보니 저번 cicd를 github action으로 진행할 때에도 env에서 필요했던 내용은 secret key로 저장을 하던가 export를 통해 env 키값을 가져왔었던게 떠올랐다. 그래서 확인을 해보니 역시나 env 내용을 못 가져오고 있었다. 그래서 확인을 해보니 github action 처럼 vercel에도 환경변수를 지정하는 곳이 있었다!! vercel에서 환경변수 저장하기 vercel 홈페이지로 이동 후 환경변수를 설정할 프로젝트.. 2023. 12. 25. 이전 1 2 3 4 ··· 21 다음
