Rego의 블로그

반드시 잊어버릴 나를 잘 알기에 기록하는 글 #1 브라우저 렌더링이란? 브라우저 렌더링은 브라우저(Chrome, Edge, Safari 등)가 HTML, CSS, JS로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것을 말합니다. 파싱(Parsing)이란, 프로그래밍 문법에 맞게 작성된 텍스트를 읽어 들여 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해하고, 토큰에 문법적 의미와 구조를 반영하여 파스 트리를 생성하는 과정을 말합니다. 브라우저는 아래의 과정을 거쳐 렌더링을 수행합니다. 브라우저는 HTML, CSS, JS 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 브라우저의 렌더링 엔진은 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 ..

문제가 되었던 코드 const cartItems = ( {[{ id: "c1", name: "Sushi", amount: 2, price: 12.99 }].map((item) => ( {item.name} ))} ); map을 사용할 때는 최상위 태그에 key 값을 할당해주어야 한다. key 값으로 index를 할당할수도 있겠으나, 배열이 재배열될 경우 문제가 발생할 수 있기에 const cartItems = ( {[{ id: "c1", name: "Sushi", amount: 2, price: 12.99 }].map((item) => ( {item.name} ))} ); 중복된 값이 key에 할당되지 않도록 key 값에 item 내지는 item의 id를 부여하는 것이 좋다고 한다.

함수인 대상을 실행하지 않고 render 부분에 코딩하여 발생하는 문제 const setUsableLanguage = () => { return usableLanguage.map((lang) => {lang}); }; const Skills = () => { return ( {usableLanguage.map((lang) => ( {lang} ))} {setUsableLanguage} ); }; const setUsableLanguage = () => { return usableLanguage.map((lang) => {lang}); }; const Skills = () => { return ( {usableLanguage.map((lang) => ( {lang} ))} {setUsableLanguage..

npm ERR! Cannot read properties of null (reading 'pickAlgorithm') npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\JayPark\AppData\Local\npm-cache\_logs\2022-08-27T09_42_57_200Z-debug-0.log create-react-app 도중 위와 같은 오류가 발생하여 검색을 해본 결과 npm cache clear --force 위 코드를 이용하여 캐시 데이터를 삭제하는 과정을 거쳐 기존에 존재하던 패키지 버전과의 충돌로 인한 오류를 해결할 수 있었다.

졸업작품 초기에 opencv를 빌드하던 중 발생한 오류 이 오류는 환경변수 PATH에 opencv의 bin 폴더가 등록되지 않아서 발생한다. 내컴퓨터 > 속성 > 고급 시스템 설정 > 환경 변수 > 편집 > 새로 만들기 / 찾아보기 opencv 설치한 디렉토리로 가서 C:\opencv\build\bin를 경로로 추가해주면 해결된다.

웹 3요소 웹 호환성, 웹 접근성, 웹 표준 후위 순회 : 서브트리 묶은 후 Left - Right - Root IPC 메소드 공유 메모리 소켓 Semaphores 파이프 Message Queueing 테스트 하네스 드라이버, 스텁, 슈트, 케이스, 스크립트, 목 오브젝트 후보키 : 릴레이션에 반드시 하나 이상 존재, 유일성과 최소성. 유일성O, 최소성 X = 슈퍼키 기본키 : 후보키 중 선정. 대체키 : 기본키 제외 나머지 후보키 C언어 기억 클래스 정적 자동 외부 레지스터 RR 스케줄링이 FCFS와 같아지는 경우 > Time slice가 클 경우 기억장치 관리 전략 : Replacement, Placement, Fetch (교체, 배치, 반입) 양단 간 통신 지원 기능 : 전송 계층 점진적, 보헴 -..

UML > 시퀀스 다이어그램의 구성요소 액터 객체 라이프라인(생명선 메시지 객체 소멸 프레임 구조적 다이어그램 클래스, 객체, 컴포넌트, 배치(Deployment), 복합체, 패키지 행위 다이어그램 유스케이스, 시퀀스, 커뮤니케이션, 상태, 활동, 상호작용, 타이밍 객체지향 설계 원칙 = SOLID Preorder : Root > Left > Right 파티션 : 범위, 해시, 조합 인수 테스트 > 알파/베타 테스트 트리의 차수 = max(각 노드의 차수) 분산 DB 투명성 > 위치, 중복, 장애, 병행 DB 로그 필요 > 즉각 갱신 기법 순수 관계 연산자 : Select, Project, Join, Division IPv6 주소체계 : 128비트 HRN > (대기시간 + 작업시간) / 대기시간, 클수록..

디자인 패턴 종류 생성 패턴 추상 패턴, 빌더, 팩토리 메소드, 프로토타입, 싱글톤 빌프추 팩싱 구조 패턴 어댑터, 브리지, 컴포지트, 데코레이터, 퍼싸드, 플라이웨이트, 프록시 데어 퍼플 컴프데 행위 패턴 책임 연쇄, 커맨드, 인터프리터, 반복자, 중재자, 메멘토, 옵저버, 상태, 전략, 탬플릿 메소드, 방문자 행위를 가리키는 단어 깊이 우선 탐색 - 일단 루트노드로부터 제일 깊은 노드까지 파고 들어간다. 그 다음 형제 노드들로 이동함. 테스트 대상 모듈이 호출하는 하위 모듈의 역할 : 스텁 비선형 구조 : 트리, 그래프 스택에서 출력 불가능한 결과 특징 : 입력이 ABCD의 경우, DBCA처럼 연속성이 깨진 결과는 출력할 수 없음. 최악의 경우 효율 이진O(logN) > AVL > 2-3 > 레드-블..

보호되어 있는 글입니다.

보호되어 있는 글입니다.