분류 전체보기

기록되지 못한 계절, 나 다운 색미루고 미루던, 혹은 고요하게 투쟁했던 시절을 추스르며 쓰는 글. 기간: 2024.01 ~ 2025.11 (700일)창업 (2개월)73일간의 코딩테스트 준비(2개월)부트캠프 (6개월)회사 (4개월)이력서 약 100개동아리(자격증, 코딩테스트, 백엔드, 취업스터디)저의 지원 수치 요약은 다음과 같아요.단계구분건수 비율(지원 대비)1단계지원 완료 (Applications)105건100%2단계서류 합격 (Resume Pass)17건16.2%3단계코테 / AI 면접 합격 (Coding/AI Test)14건13.3%4단계직무 면접 합격 (Job Fit Interview)9건8.6%5단계임원 면접 / 최종 합격 (Final Offer)5건4.8% 제시된 합격률 수치는 누군가에는 고무..

1단계: EC2 보안 그룹 및 DB 권한 확인1. Security Group(SG) 22(SSH) 인바운드 규칙 열기2. EC2 접근을 위한 pem키 설정2단계: DataGrip에서 SSH 설정SSH configuration 클릭Host: EC2 퍼블릭 or DNS 주소Port: 22Username: EC2 OS 사용자 이름(예: ubuntu)Authetication type: Key pairPrivate Key file: /~~주소~~~/~~.pem3단계: Database 접속 정보 입력다시 General 탭으로 돌아오기(이제부터는 Host를 EC2 내부의 시점으로, SSH 터널을 통과한 후에는 EC2 자신이 기준이 된다.)Host: localhostPort: DB 기본 포트username: cowee..

North-South 트래픽: 데이터 센터와 클라이언트(= 데이터 센터 외부와 통신하는 트래픽)East-West 트래픽: 데이터 센터 내부에서 발생하는 트래픽(=서버 to 서버 트래픽) *요즘은 "East-West" 트래픽이 외부 트래픽 통신(=North-South) 보다 훨씬 더 많이 발생하고 있다. East-West 트래픽 예시- AP서버 간 통신(AP1 서버가 과부하라면, L4 로드밸런서를 통해 AP2로 전달)- AP 서버와 내부 DB·스토리지 서버 간 통신(DB 서버, 파일 서버, 스토리지 등과의 내부 데이터 요청)*AP 서버: Application ServerNorth-South 트래픽 예시- 웹 브라우저와 서버간의 요청- 모바일 앱과 서버간의 요청- 클라우드 서비스와 사용자 PC 간 파일 전송..

브라우저 렌더링 과정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를 정확하게 말하냐?- "이게 올바른 길"이라는 이유로 팀의..

(C, Java, Python) 언어에 익숙한 백엔드 개발자가 React Native를 2주 내로 제작하기 위해, 다른 언어 지식을 기반으로 JS언어만의 특징과 동작 방식을 집중적으로 파악하여 정리한 글. 참고 RN 생태계: https://lasbe.tistory.com/230 2025년 React Native 현황과 CLI vs Expo 비교분석📒 2025년 React Native 현황과 CLI vs Expo Go 비교분석2023.07.13 - [React-Native] - React Native 장단점과 CLI, Expo 비교와 후기이 글을 쓴 지도 어언 1년 하고도 6개월이 지났습니다. 그동안 플러터가 치고 올라오lasbe.tistory.comJS 실습환경: https://codepen.io/..