개발 코어 강화 일지

요약후기1. 나 어케 취업함? 라이브 코딩 면접 회고1. 블로그를 시작하고 나를 찾는 회사 많아졌다~ 도쿄 이드콘에서 얻은 인사이트를 기반으로 새로운 프로젝트를 열심히 만들던 중에 갑작스러운 면접 제의 메일을 받았습니다. 네? 저 서류 올려piatoss3612.tistory.com 라이브 코딩 면접 보고 붙어서 그다음 주에 대면 면접을 봤는데, 그다음 주에 있을 KBW 때문에 채용 프로세스가 너무 루즈해질 것을 우려하여 기술 면접에 이어서 인성 면접까지 마치고 왔습니다. 심지어 그날 밤에 합격 결과를 받았습니다!기술 면접: 대답을 기깔나게 잘한 건 아닌데 기본적인 것들은 무난하게 대답함인성 면접: 장기 백수 그만두고 '사람답게 살고 싶다'라고 질러버림;; 그리고 질문 타임에 프로덕트나 회사 비전에 대해 ..

개발 부스러기는 완결된 형식의 글이 아닌, 다양한 시행착오를 기록하는 글입니다.1. 요구사항 부모 요소(투명)가 있고 그 아래에 자식 요소가 왼쪽(초록), 오른쪽(핑크) 끝에 배치되어야 함 (모두 flexbox 적용)왼쪽 자식 요소의 아래에 헤딩 또는 span 요소로 감싼 긴 텍스트(파랑)가 들어가는데, 공백으로 인한 줄 바꿈이 일어나지 않는 상태따라서 텍스트 오버플로우가 발생할 수 있음. 만약 오버플로우가 발생했다면, 오른쪽(핑크)의 영역을 침범했는지 확인침범한 경우 오버플로우로 인해 잘린 텍스트를 표시하기 위해 다음 사항을 적용텍스트 요소에 마우스를 올렸을 때(hover) 왼쪽으로 스크롤되는 애니메이션 실행2. 오버플로우 감지하기1. 상태값 및 DOM 요소 참조값 선언오버플로우가 발생했는지를 나타내는..

문제yarn 2.x 이상의 버전(yarn berry)을 사용할 때, workspace를 구성하고 별도의 타입스크립트 버전을 지정해 줄 수 있다이때, 코드 에디터에서 사용하는 타입스크립트 버전과 workspace의 버전이 서로 상이하여 코드 상에서 모듈이나 타입을 제대로 인식하지 못하는 문제 발생해결1. cmd(ctrl) + shift + p를 누르고 `TypeScript: Select TypeScript Version` 선택 2. `Use Workspace Version`을 클릭하면 문제 해결여담 이 문제 해결하는데 한 시간 넘게 걸렸다. `yarn workspace cannot find module or its corresponding type declarations` 이거로 구글링 해서 해결법을 찾을..

개발 부스러기는 완결된 형식의 글이 아닌, 다양한 시행착오를 기록하는 글입니다.1. 함수 시그니처란? 다음과 같이 정의된 함수에서function transfer(address to, uint256 amount) external { ...} 함수의 이름과 공백 없이 콤마(,)로 연결 파라미터의 타입들을 소괄호로 묶은 문자열을 연결한 것을 함수 시그니처(function signature)라고 한다.transfer(address,uint256) 함수 시그니처는 ABI(Application Binary Interface)를 파싱 할 때 사용하거나, 함수 선택자(function selector)를 계산하기 위해 사용된다. 함수 선택자는 함수 시그니처를 입력으로 한 keccack256 함수의 결괏값의 상위 4..