Develop43 React18 설치 및 시작 방법 및 레퍼런스링크 프론트엔드 기술스택으로 NextJS과 tailwindCSS 를 사용한다면, 웹에 대한 이해가 확실히 늘어납니다.react 기반의 프레임워크와 UI 라이브러리를 장악한 이 기술스택은 알아두면 너무나 좋지만,막상 react 가 없던 페이지에 react를 적용하거나 새로이 프로덕트를 react만으로 구축한다면?NextJS에 익숙해지려는 찰나에 프레임워크 의존도를 낮추고 기본 기술인 React를 기초부터 알아두는 것이 좋다는 판단이 듭니다. 목차 React 설치 및 환경 설정React 프로젝트 생성 React 프로젝트도 NextJS와 마찬가지로 명령어로 생성합니다. npx create-react-app react-studycd react-studynpm startnpx create-react-appnpm s.. 2024. 12. 5. shell 을 배우자 개발에서 Mac 을 사용하면 반드시 terminal, iTerm 과 같은 터미널 에뮬레이터(Terminal Emulator)를 사용하게 됩니다.패키지 사용을 위한 환경변수 세팅이나, 시스템 상의 커스텀이 필요한 날이 반드시 찾아오게 되기 때문입니다.목차 리눅스기반 시스템의 주요 디렉토리/ (루트 디렉토리): 리눅스 파일 시스템의 최상위 디렉토리로 모든 파일과 디렉토리의 출발점./bin: 일반 사용자와 시스템 관리자가 사용할 수 있는 기본 실행 파일(명령어) 저장. 예: ls, cp, mv./sbin: 시스템 관리 명령어 저장. 예: ifconfig, reboot./etc: 시스템 설정 파일 저장. 예: passwd (사용자 계정 정보), hosts (호스트 네임 설정)./home: 일반 사용자들의 홈 디.. 2024. 11. 20. 데이터베이스 정규화 이해하기 데이터베이스 용어 및 개념으로 정규화는 데이터베이스 설계에서 중복을 줄이고 데이터의 일관성과 무결성을 유지하기 위한 과정입니다. 이 글에서는 비정규화 된 데이터를 예시로 1NF부터 BCNF까지의 정규화 과정을 기록합니다. 목차 전제조건(시작조건) 데이터는 비정규화된 데이터 (Unnormalized Data)로 아래 표와 같습니다. 사원ID부서부서 위치프로젝트1IT서울프로젝트A, 프로젝트B2HR부산프로젝트C3IT서울프로젝트A, 프로젝트D 제 1 정규형 (1NF) 각 컬럼(필드)의 값이 원자값(Atomic Value)이어야 합니다.즉, 하나의 셀에는 하나의 값만 들어가야 합니다. 문제점 (1NF 위반)프로젝트 컬럼에 여러 값이 포함되어 있습니다(프로젝트A, 프로젝트B 등).1NF 적용 방법중첩된 데이터.. 2024. 11. 17. pytest로 이해하는 팩토리함수 python으로 개발하면서 테스트관련 라이브러리를 여러가지를 사용했습니다.그중에서 pytest 가 가진 이점이 상당히 많다고 생각하며, 데이터 셋업과 팩토리함수의 필요성을 (JS/TS로)설명하는 것을 재밌게 봤고, 최근 pytest에 대한 장문의 글을 작성 중 인데, 내용이 길어져 그 중 일부를 사이드로 기록합니다. 목차 먼저 팩토리함수를 적용하지 않은 케이스는 다음과 같습니다. Bad Case 중복코드가 많은 경우def test_활성_사용자(): 사용자 = { "이름": "홍길동", "나이": 30, "권한": "관리자", "활성화": True, } assert 사용자["활성화"] is Truedef test_비활성_사용자(): .. 2024. 11. 16. 이전 1 2 3 4 5 ··· 11 다음
