코드를 위한 기록

6.1 리액트 개발 도구란?리액트 애플리케이션 디버깅을 위한 리액트 개발 도구 react-dev-tools 6.2 리액트 개발 도구 설치사용 방법은 여러가지가 있지만 웹 개발에서는 확장 프로그램을 사용하는 것이 가장 편리- 크롬- 파이어폭스- 엣지 리액트 개발 도구가 정상적으로 접근할 수 없는 페이지인 경우, 리액트로 개발된 페이지가 아닌 경우리액트 개발 도구가 정상적으로 접근할 수 있는 경우 6.3 리액트 개발 도구 활용하기6.3.1 Components컴포넌트 트리, 컴포넌트에 대한 자세한 정보(props, hooks 등) 컴포넌트명(압축 도구로 인해 난수화될 수 있어 개발 모드에서 제한적으로 참고)익명 함수인 경우 Anonymous, _default, _c3, _c5 등 컴포넌트 특정이 어려움- 기..

인덱스 데이터베이스에서 자료를 빨리 찾게 해 줌스택 가드(Stack Guard) 특정값을 저장해두었다가 값이 변경된 경우 오버플로우 상태로 가정하여 프로그램 실행을 중단하는 기술데크(Deque) 리스트 양쪽 끝에서 삽입 삭제 가능. 스택+큐 트리 근노드(Root Node), 차수(Degree 자식수), 단말노드(Terminal Node 마지막노드) 정렬내부 정렬 - 주기억장치외부 정렬 - 보조기억장치 삽입정렬 키값 기준버블정렬 한 번 실행시마다 가장 큰 값이 마지막이 됨선택정렬 뒤의 값 중 가장 작은 값과 현재 값의 위치 변경병합정렬, 퀵정렬(n**2), 힙정렬 검색 방식 종류 이진 검색, 선형 검색, 피보나치 검색, 블록 검색, 이진트리 검색 해싱 속도는 빠르지만 충돌 발생 가능제산 방법, 중간제곱방법..

모듈화의 원리 분할과 지배, 정보 은폐, 자료 추상화, 모듈의 독립성작업 절차 코딩 계획  → 코딩 → 컴파일 → 테스트IDE 종류 이클립스, VS, 엑스 코드, 안드로이드 스튜디오, IDEA 빌드 자동화 도구프로세스: 컴파일 → 패키징 → 단위 테스트 → 정적 분석 → 리포팅 → 배포 → 최종 빌드종류: Gradle(JVM. 안드로이드 기본 빌드 시스템), Jenkins(Java 오픈소스), Makefiles, Ant(Apache), Maven(리스트 형태로 종속성 관리) 패키징 도구 역할불법 복제 방지를 위해 사용 구너한 제어, 패키징, 라이선스 관리, 권한 통제고려사항내부 컨텐츠 암호화, 보안이기종 컨텐츠 및 단말기간 DRM 연동 고려사용자 편의성을 위한 복잡성 및 비효율성 문제 고료구성요소 암호화..

1과목 소프트웨어설계소프트웨어특징: 상품성, 복잡성, 변경가능성, 복제성시스템 기본요소: 조직, 입력, 처리, 출력, 제어, 피드백소프트웨어 위기- 하드웨어 비용을 초과하는 개발 비용- 개발 기간 지연- 개발 인력 부족 및 인건비 상승- 성능 및 신뢰성 부족- 유지보수 어려움 소프트웨어 공학저비용, 빠르고 쉽고 정확하게 만든느 방법기본요소: 현대적인 프로그래밍 기술 전용, 신뢰성, 사용성, 유지보수성, 지속적인 검증 재공학기존에 만든 것 재사용- 개발 시간 및 비용 감소- 품질, 생산성, 신뢰성 향상- 구축방법 공유- 프로젝트 실패 위험 감소목적- 유지보수성 향상- 복잡한 시스템 다루는 방법 구현- 다른 뷰 생성- 잃어버린 정보 복구 및 제거- 재사용 수월, 소프트웨어 수명 연장과정분석 → 구성 → 역..

click: 요소를 누르고 요소를 벗어나면 이벤트 발생하지 않음 mouseup: mouseup 시점에 위치한 요소의 mouseup 이벤트가 발생 * 참고 mdn mouseup event mdn click event

프론트엔드 공통 1. 리플로우와 리페인트에 대해 설명해주세요. 리플로우와 리페인트는 웹페이지가 변경될 때, 브라우저가 레이아웃을 조정하거나 스타일 변경을 수행하는 과정입니다. 리플로우는 웹페이지의 레이아웃이 변경될 때 수행되며, 요소의 위치, 크기, 주변 요소와의 상대적 관계 등이 다시 계산됩니다. 리페인트는 웹페이지 요소의 스타일이 변경되어 화면에 다시 그려질 필요가 있는 경우 발생합니다. 리플로우의 재계산 과정은 한 요소의 변경이 다른 요소에 영향을 미칠 수 있기 때문에 성능상 부하를 초래할 수 있습니다. 때문에 다양한 라이브러리, 프레임워크들은 리페인트와 리플로우를 최소화하기 위해 노력합니다. 예를 들어 React의 경우 가상 DOM을 활용해(diff 알고리즘) 변경 사항을 일괄 처리한 후, 실제 ..

cherry-pick feature 브랜치에서 새로운 기능을 만들다가 그 브랜치 전체를 삭제하려는데 특정 커밋(기능)만 살리고 싶을 때 사용 git cherry-pick {커밋해시} git cherry-pick {커밋해시1} {커밋해시2} # 1부터 5까지 git cherry-pick {커밋해시1}..{커밋해시5} 2023.04.26

main(master) 소비자가 접하는 버전 안정적인 기능(최종 수정본) 개발, 테스트 완료 이 브랜치에서 커밋하지 않음 develop 실제로 개발이 일어나는 브랜치(개발 시 pull 받아야 하는 브랜치) 이 브랜치로부터 feature 브랜치 생성 개발이 진행 중이라 여러 버그가 존재 release dev로 부터 파생 배포 브랜치 테스트를 통해 버그 수정만 하는 브랜치(기능 개발 X) 수정 후 dev와 main에 머지시키기 dev 머지 누락 시 수정 사항이 누락됨 feature dev로 부터 파생 하나의 기능을 개발하는 브랜치 데브에서 팀원 모두가 개발 시 충돌이 일어날 수 있어 사용하는 독립적인 브랜치 hotfixes main으로부터 파생된 브랜치 버그 수정 기능 추가가 급한 경우 수정 후 dev와 m..

git config core.ignorecase false 2023.04.19