고양이와 코딩

유틸리티 타입은 TypeScript에서 제공하는 내장 타입 중 하나로, 기본 타입들을 조합하여 새로운 타입을 만들 때 사용됩니다. 유틸리티 타입(Utility Types) 유틸리티 타입은 기본 타입을 변환하거나 다른 타입으로 변환할 때 사용됩니다. 주요 유틸리티 타입에는 다음과 같은 것들이 있습니다! Partial: 모든 속성이 선택적인 타입을 생성합니다. Required: 모든 속성이 필수인 타입을 생성합니다. Readonly: 모든 속성이 읽기 전용인 타입을 생성합니다. Record: 키와 값의 타입을 가진 맵을 생성합니다. Pick: 지정된 키만을 가진 타입을 생성합니다. Omit: 지정된 키를 제외한 타입을 생성합니다. Exclude: 유니온 타입에서 특정 타입을 제외한 타입을 생성합니다. Ext..

회원가입 로직 const join = (req, res) => { const { email, password } = req.body; const { hashedPassword, salt } = encryptPassword(password); let sql = `INSERT INTO users(email, password, salt) VALUES(?, ?, ?)`; console.log(hashedPassword); let values = [email, hashedPassword, salt]; conn.query(sql, values, (err, results) => { if (err) { console.log(err); return res.status(StatusCodes.BAD_REQUEST).end(..

일반적인 프로젝트 폴더(디렉토리) 구조 pages - 라우트에 대응 하는 페이지 컴포넌트(컨테이너) 이 페이지가 렌더링 되어 화면에 보여집니다 components - 공통 컴포넌트, 각 페이지에서 사용되는 컴포넌트를 분리해서 넣습니다 ex) common > Header , user > Profile utils - 유틸리티 유틸리티 함수와 간단한 도우미 함수들을 포함하며, 이 함수들은 여러 컴포넌트나 모듈에서 공통적으로 사용할 수 있습니다 ex) formatDate.js (날짜를 특정 형식으로 포맷하는 함수), capitalizeString.js (문자열을 대문자로 변환하는 함수) hooks - 리액트 훅 커스텀 리액트 훅 함수들을 포함합니다. 이러한 훅들은 컴포넌트 로직을 재사용 하기 위해 만들어집니다...

계층형 설계란? - 계층형 설계란, 소프트웨어를 계층으로 구성하는 기술입니다. 각 계층에 있는 함수는 바로 아래 계층에 있는 함수를 이용해 정의합니다. 계층형 설계 감각을 키우기 위한 입력 함수 본문 길이 복잡성 구체화 단계 함수 호출 프로그래밍 언어의 기능 사용 계층 구조 화살표 길이 응집도 구체화 단계 함수 시그니처 함수명 인자 이름 인잣값 리턴값 계층형 설계 감각을 키우기 위한 출력 조직화 새로운 함수를 어디에 놓을지 결정 함수를 다른 곳으로 이동 구현 구현 바꾸기 함수 추출하기 데이터 구조 바꾸기 변경 새 코드를 작성할 곳 선택하기 적절한 수준의 구체화 단계 결정하기 계층형 설계의 4가지 패턴 직접 구현 추상화 벽 작은 인터페이스 편리한 계층 function freeTieClip(cart) { v..

앞으로 눈 감고도 투두리스트를 만들때까지. 투두리스트를 만들겠다!!!!!! 그 시작이 오늘 ㅎㅎ 리액트를 다루는 기술(개정) 기반으로 진행합니다 ~ src/components/ TodoTemplate TodoInsert TodoListItem TodoList import React from 'react'; const TodoTemplate = ({ children }) => { return ( 투두 -리스트 👾 {children} ); }; export default TodoTemplate; TodoTemplate.js import React from 'react'; import TodoListItem from './TodoListItem'; const TodoList = ({ todos }) => { ..

얕은 복사(Shallow Copy) 얕은 복사는 객체나 배열을 복사할 때, 첫 번째 레벨만 복사하는 것을 말합니다. 내부의 객체나 배열은 참조가 공유됩니다. `카피-온-라이트` 형태로 함수를 변경하여 사용됩니다. `카피-온-라이트` 규칙 복사본 만들기 복사본 변경하기 복사본 리턴하기 const alter_hobbies = (originalObject, key, value) => { let copy = Object.assign({}, originalObject); copy[key] = value; return copy; }; let originalObject = { name: "jin", age: 30, hobbies: ["reading", "gaming"], }; console.log(alter_hobb..