프로젝트 중 Reset css를 설정 중이였고, 'styled-components'의 'createGlobalStyle' 설정에 'DefaultTheme'을 추가 하는 과정에 생긴 오류를 정리. 코드 및 오류 코드 import { createGlobalStyle } from "styled-components"; export const GlogalStyle = createGlobalStyle` ... body { font-family: 'Gothic A1', sans-serif; background-color: ${(props) => props.theme.bgColor}; } a { text-decoration: none; } ` 에러 문구 ERROR in src/styles/Reset.ts:68:52 T..
분류 전체보기
모던자바스크립트 Deep Dive를 공부하던 중 ECMAScript라는 용어가 나와 정리하려고 한다. ECMAScript(ES)란? - ECMA(European Computer Manufacturer's Association)는 정보와 통신 시스템을 위한 국제적 표준화 기구 - 최신 ECMA는 Ecma International로 이름을 바꿈 - ECMAScript 는 Ecma International이 ECMA-262 기술규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어 - 재밌는건 JavaScript가 먼저 나오고 이를 표준화 하기위해 생겼다고함 ECMAScript와 JavaScript의 관계 ECMAScript는 Script언어를 어떻게 사용해야 하는지 규격을 제시하고 JavaScript는..
공부 중 모르는 JavaScript 문법이나와 정리하여 한다. 구조분해 할당(Object Destructuring) 말 그대로 오브젝트를 분해하여 변수로 할당하는 방법이다. 하나의 문법으로 변수할당이 매우 간결해 지기 때문에 꼭 정리해 두자 예시 Object obj라는 임시 오브젝트를 선언하고 각각의 값을 변수로 할당하려한다. 내가 아는 지식으론 아래코드와 같이 변수를 할당 해야 한다. const obj = { id: 1, name: '트니', age: 9, } const id = obj.id; const name = obj.name; const age = obj.age; console.log(id, name, age); 출력값 구조분해할당 적용코드 구조분해할당 문법을 적용하면 아래와 같이 축약할 수 있..
TypeScript 공부를 하던 중 처음보는 currentTarget을 만나 공부 후 정리 사실 해당 내용은 TypeScript와는 상관이 없는 JS 내용입니다. 정의 - currentTarget : evet handler가 정의된 요소를 반환 - target : 이벤트가 발생된 요소를 반환 예시코드로 보자 예시 코드 function App() { ... const onClick = (e:React.FormEvent) => { console.log("커런트",e.currentTarget); console.log("그냥 타겟",e.target); } return( Log in ) } 콘솔 출력 위처럼 button을 클랙 했을때 나오는 console은 위와같은 차이점이 생긴다. 재밌는 사항 버튼의 가장 바깥..
React를 Typescript로 개발하는 프로젝트 중 VSCode 오류로 껏다 켰다 했더니 3000포트가 죽지않고 돌아다닌다. 3000포트로 실행 되는 것을 찾아서 죽이는 방법을 정리 1. 찾기 lsof -i :포트번호 2. PID값을 확인 하여 죽이기 Kill -9 PID값
모 기업 면접에서 물어본 질문 중 정확하게 답을 하지 못한 부분에 대해 정리가 필요하여 정리한다. 컴퓨터에서의 bit란? (Word size) - 우선 워드 사이즈(Word size)란, 컴퓨터의 데이터 기본 처리 단위이다. - 이 워드 사이즈를 기준으로 데이터를 메모리에서 레지스터에 옮기거나, ALU를 통해 데이터를 조작하게 된다. CPU와 운영체제에서의 bit 종류 구분 32bit 64bit 수 32 64 별칭 x86 또는 x86-32 x64 또는 x86-64 메모리 제한 32bit는 RAM 3.2GB 으로 제한 Windows 32bit는 4GB 사용 불가 64bit는 RAM 최대 6TB 까지 허용 (Windows 10 기준) 처리 속도 64bit에 비해 느림(한번에 처리량이 적음) 32bit에 비해..
