nine_floor
-
Proxy
🌐CORS 정책의 필요성Proxywebpack dev server proxy 사용법React Proxy 사용법CORS 정책의 필요성CORS (교차 출처 리소스 공유, Cross-Origin Resource Sharing) CORS는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다.실제 서비스가 되는 상용 앱을 운영한다면, 클라이언트 뒤에 있는 서버와 연결된 DB에는 라이브 데이터가 쌓인다. 이런 라이브 데이터는 민감성이 높은 데이터들 위주로 이루어져있기 때문에 서버에서 모든 출처의 접근을 허용한다면 보안성이 낮아지고 해킹의 위험에 그대로 노출된다.이를 위해서는 특정 도메인만 허용하도록 각 개..
-
칸반(Kanban)
🤝칸반(Kanban)칸반 원칙하던 업무를 칸반 보드에 올려두는 것부터 시작한다.점진적인 변화를 추구한다.직위에 관계 없이 리더십을 발휘한다.칸반 실천법칸반 보드를 통한 시각화Work In Progress(WIP)로 진행중인 업무 제한 및 흐름 관리명확한 프로세스 정책 설정회의와 리뷰를 통한 피드백 루프 구현 및 업무 개선칸반(Kanban)일본어인 칸반(Kanban)은 우리말로 '간판(看板)'을 뜻한다. 시각적 프로젝트 관리 방법론에서 비롯된 용어로 팀과 조직이 작업을 시각화하고, 업무의 병목 현상과 리소스 낭비를 해결하는 업무 관리 방법이다.칸반 원칙하던 업무를 칸반 보드에 올려두는 것부터 시작한다.당장 하고 있던 업무를 칸반 보드에 올려두는 것부터 시작이다. 당장의 할 일부터 칸반 보드에 올려 시각화 ..
-
Lighthouse
⚡Lighthouse분석 결과 항목Performance 측정 항목(메트릭)개선 추천 항목 (Opportunities)예시를 통한 개선 방법 탐색LighthouseLighthouse는 구글에서 개발한 오픈소스로서 웹 페이지의 품질을 개선할 수 있는 자동화 툴이다. 성능, 접근성, PWA, SEO 등을 검사하며 이를 이용해 사용자는 어떤 웹페이지든 품질검사를 할 수 있다.Lighthouse는 Chrome DevTools부터 CLI, 노드 모듈 등 다양한 경로를 통해 사용할 수 있다. 검사할 페이지의 url을 Lighthouse에 전달하면 해당 페이지에 대한 여러 검사를 실행하고, 검사 결과에 따른 리포트를 생성한다. 개발자는 해당 리포트를 통해 점수가 낮은 지표에 대한 개선을 고려할 수 있으며, 지표의 중요..
-
Github로 프로젝트 다루기
Github RepositoryGithub 리포지토리에 꼭 필요한 파일프로젝트 관리에 활용 가능한 Github 기능Git branch브랜치 생성 / 변경 (git switch)브랜치 병합 (git merge)브랜치 삭제(git branch -d)Git flowCoz’ Git flow핵심 브랜치: main핵심 브랜치: dev보조 브랜치 : featureGit 작업 중 문제 발생 시 Flow ChartGithub RepositoryGithub의 Repository는 원격 코드 저장소이기도 하지만, 개발 프로젝트에 대한 코드와 주요 정보를 공유하는 수단으로써 사용할 수 있다. Github 리포지토리에 꼭 필요한 파일README.mdGithub의 프로젝트(리포지토리)에 들어가면 가장 먼저 확인할 수 있는 정보...
-
가비지 컬렉션
🖥️가비지 컬렉션메모리 생존 주기메모리 할당할당된 메모리 사용 (값 사용)메모리 해제대표적인 가비지 컬렉션의 방법레퍼런스 카운팅(참조 횟수 계산)트레이싱메모리 누수가비지 컬렉션가비지 컬렉션은 프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것이다. 이 기능을 가진 언어(혹은 엔진)은 Java, C#, JavaScript 등이 있다. C와 같은 저수준 언어에서는 메모리 관리를 위해 malloc()과 free()를 사용해 개발자가 스스로 메모리를 할당하고 해제해야 하지만, JavaScript는 고수준 언어로서 객체가 생성되었을 때 자동으로 메모리를 할당하고 필요하지 않다면 자동으로 해제하는 가비지 컬렉션이 내장되어 있다.❓고수준 언어와 저수준 언어 프로그래밍 언어가 인간에게 친화적인지, 기계에..