코드를 위한 기록

Position static 기본값 요소를 일반적인 문서 흐름에 따라 배치 relative 요소를 일반적인 문서 흐름에 따라 배치 자기 자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용 z-index 새로운 쌓임 맥락 생성(→ 방지하고 싶다면 z-index: auto; 설정) absolute 요소를 일반적인 문서 흐름에서 제거, 페이지 레이아웃에 공간을 배정하지 않음 가장 가까운 위치 지정 조상 요소에 상대적으로 배치 (위치 지정 조상 요소는 position: static;이 아닌 요소, 조상 중 위치 지정 요소가 없다면 초기 컨테이닝 블록 기준) 최종 위치는 top, right, bottom, left 값이 지정 z-index 새로운 쌓임 맥락 생성(→ 방지하고 싶..

소프트웨어 개발 단계 1. 과업 발생 2. 사업자 선정 및 계약 3. 기획/분석 4. 설계 5. 구현 6. 시험 7. 서비스 오픈 8. 유지보수 2. RFP(Request For Proposal. 제안 요청서)를 통해 제안 요청 후 프로젝트 계약이 완료되면 3. SRS(Software Requirements specification)를 통해 프로젝트의 큰 그림 설계 -> 프로젝트를 도입하고 시행하기 위한 기획의 범주, 개발할 소프트웨어를 분석하는 과정 필요 SRS를 구체적으로 분석, 설계 3.1 분석 단계 개발할 소프트웨어에 대한 분석 유스케이스 명세서 요구사항 추적표 사용자 요구사항 정의서 더보기 1. 작성 목적 시스템의 요구사항을 도출하여 발주자와 내용을 합의하고, 하나의 업무 단위로써 가치를 가지고..

비즈니스 관점에서의 개발 프로젝트 이해 모든 프로젝트가 같은 흐름을 따르는 것은 아니나 큰 틀은 유지함 - 프로젝트의 특성과 사업자 간의 이해 관계에 따라 형태가 조금씩 변할 수 있음 - 기술의 발전과 시대의 흐름에 따라 절차나 형태, 인식이 변화할 수 있음 1. 과업 발생 기존 시스템이 현 상황과 맞지 않아 '고도화'(시스템 개선)해야 하는 경우 과업(프로젝트)은 발주처(집단)의 니즈에 맞게 발생하게 됨 2. 사업자 선정 및 계약 발주처가 RFP를 작성하면 수주 사업자들이 그에 맞는 제안서를 제공하고 입찰을 통해 계약을 진행하게 됨 RFP(Request For Proposal. 제안 요청서) - 개요, 구축 컨셉, 제안 요청사항 정의, 제안서 작성가이드 등 명확한 요구사항, 일정, 사업 비용 등 제안서..

필수 Node.js Node.js 패키지 매니저 버전 관리 시스템/ 형상 관리 시스템 + 원격 리포지토리 서비스 프론트엔드 프레임워크(라이브러리) CSS CSS 프레임워크(라이브러리) CSS 네이밍 컨벤션 Create React App 린터 Node.js 브라우저에서 벗어나 다양한 운영체제에서 실행할 수 있는 JavaScript 런타임 JS로 백엔드 개발도 가능해짐 배포 전 개발 단계에서 JS로 번들링이나 최적화 등 많은 개발 작업을 할 수 있게 됨 호환성 보장을 위해 Node.js LTS 버전 사용 권장 패키지 매니저 여러 소프트웨어들을 한꺼번에 설치, 업그레이드, 설정, 삭제 등을 할 수 있는 소프트웨어 툴 npm, yarn 버전 관리 시스템 + 원격 리포지토리 서비스 Git + Github 프론트엔..

Github 리포지토리 완성된 개발 프로젝트에 대한 코드와 주요 정보를 공유하는 수단 Github 리포지토리에 꼭 필요한 파일 1. README.md 간단한 소개 페이지(마크다운) 오픈소스를 활용할 수 있도록 상세한 정보 기재 - 프로젝트 이름 - 프로젝트 핵심 기능 소개 - 팀원 소개 - Wiki 링크(프로젝트 상세 정보) # 리포지토리 내려받기 git clone cd # README.md 추가 touch README.md README.md 예시 더보기 # My Todo App Todo 관리를 위한 웹 애플리케이션입니다. ## Features - 편리한 UI로 Todo를 쉽게 생성하고 삭제할 수 있습니다. - Todo에 기한과 카테고리를 설정할 수 있습니다. - create-react-app으로 간편한..