전체 글

브라우저 렌더링 과정WebKit 엔진DOM tree 생성 -> Render tree 생성 -> Layout -> Paintin 1. 개발자가 작성한 HTML을 브라우저가 전달받으면, 브라우저의 랜더엔진이 이를 HTML 파싱하고 DOM-node로 이루어진 트리를 생성. 2. CSS파일과 각 엘리먼트의 인라인 스타일을 파싱하고, 스타일 정보를 추가하고 렌더트리를 추가합니다. 3. 렌더트리가 만들어지고 나면, Layout 과정을 거칩니다. 각 노드들은 스크린의 좌표가 주어지고 정확히 어디에 위치할지 정해짐 4. 앞선 정보들로 모든 요소의 색을 입힌다. DOM 조작의 비효율성 때문에 순서도를 설명했습니다.HTML, CSS 파싱부터 화면에 Painting 하는 과정까지 전부 조작하게 됩니다.*많은 연산과 비용을..

백엔드 개발자가 React Native를 하려다 보니 최소한의 React 지식이 필요하다하여 React를 공부하는 글 3년 된 리액트 네이티브 책은 최신 트렌드와 맞지 않다고 추천하지 않으셨다. 강의선생님한테 문의했더니 "리액트"까지의 최소지식을 요구하셨다 ㅠㅜ개인적으로 이렇게 차분히 밟아가는 스타일은 별로 안 좋아하지만, 싫어하는 것보다 안 하는 게 더 안 멋져.!! 일단 해 리액트 17버전을 실무에서는 17 버전을 쓴 회사가 많을 것이다.SPA: Single Page Application 데이터를 바꾸면 화면이 바뀐다. (화면을 따라서 바꾼다.)엑셀이 한 칸 바뀌면 -> 연관된 것들이 같이 바뀐다. JS로만 하기는 힘들다.(리액트, 뷰, 엥글러)리액트는 메타가 만들었음. 예시 닉네임을 바꿈어떤 게..

데이터 드리븐, 데이터가 결정의 수단이 아닌, 결정의 배경과 이유데이터의 역할, 확률싸움 -> 뾰족한 방향으로 https://teamdoeat.career.greetinghr.com/ko/blog16 시험문제 예시Q:반정형 데이터가 아닌 것은?A: HTML, XML, JSON, RDF Q: 다음 중 성격이 같지 않은 것은?A: SNS, 유튜브, 음원 -> 비정형 데이터임을 감지해야 함. Q: 다음 중 3V가 아닌 것은? Q: 다음 중 장기적 마스터 플랜이 아닌 것은?시험개요 1과목: 10문제(6/10)2과목: 10문제(6/10)3과목: 30문제(18/30)*과락 있어서 과목당 40% 이상 맞아야 함.데이터데이터: 있는 그대로의 객관적 사실, 가공되지 않은 상태(주문수량)정보: 데이터를 가공한 자료 데이..

React 프로젝트를 하기위해 CRA(Create-React-App)를 설치할 때 무심코 npx 같은 명령어를 사용한다. 무엇일까???node, npm, npx 셋 다 Node.js를 설치하면 함께 깔리는 도구예요.Node앞서, [EP.03]에서 V8엔진을 공부하면 알 수 있는 내용이다.https://codewizard.tistory.com/82- 자바스크립트 코드를 실행하는 엔진입니다.- 원래는 브라우저에서 실행되기 때문에, 브라우저 밖에서도 JS 코드를 실행할 수 있게 해주는 런타임 환경npm(Node Package Manager)Package Manager = 관리npm은 노드 패키지 관리자를 뜻한다.역할1. Node.js 패키지의 설치2. 버전 관리, 프로젝트의 종속성 관리3. 스크립트 실행 pa..

https://aws-hyoh.tistory.com/162IPsec(Internet Protocol Security)IPsec은 IP 계층에서 데이터 통신의 기밀성, 무결성을 보장하기 위한 네트워크 보안 프로토콜 집합TCP/IP 프로토콜 3 계층(Network Layer)에서 동작 - 두 지점간의 암호화된 통신 터널을 제공하는 기술(Site-to-Stie VPN)물리적으로 멀리 떨어져 있어도 실제 사용자는 같은 네트워크에 연결 된 것처럼 사설(내부) IP로 통신 가능 - 암호화 수행때문에 보안성이 높다.- 데이터를 빼내는 스푸핑 같은 공격에도 비교적 안전하다. 기업을 예시로 들자면 본사(Site) 네트워크지사(Site) 네트워크 를 VPN으로 연결하는 방식이라고 정의 또한 패킷을 함호화함으로써 Laye..

MSA, 클린코드, 디자인패턴이 전부인 것처럼 행동하지 말기 중요한 것은현재 조건 대비, 앞으로의 최선의 선택을 제시하자.(ROI 준수) 1. 건강한 코드는 어디서 나올까?코드는 결국 사람이 읽고 유지보수해야 하는 자산이다.현재 팀에게 맞는 최소한의 규칙으로 서비스를 성공시켜야 한다.리팩토링은 새로운 개발 속도를 늦추는 게 아니라, 중장기적 속도를 유지하기 위한 투자다.패턴과 원칙은 절대적 진리가 아니라 가이드라인이다.2. 독선적인 코더가 되는 순간 (팀은 하나의 서비스를 만들어요.)"나는 클린 코드를 지킨다"라는 자부심이 팀을 흔든다.주니어는 고집보다 오픈마인드가 중요하다.형이 말하던 5살에게도 배울 것이 있다.- 마인드가 유연하냐?- why를 정확하게 말하냐?- "이게 올바른 길"이라는 이유로 팀의..