Develop

공부 중 모르는 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에 비해..

알고리즘 유형 : 자료구조 풀이 참고 : 문제 링크 : https://www.acmicpc.net/problem/1269 코드(Javascript) const [n, input1, input2] = require("fs").readFileSync("../input.txt").toString().trim().split("\n"); //제출 할때 /dev/stdin으로 수정 const aArr = input1.split(" "); const bArr = input2.split(" "); const arr = [] const aaa = arr.concat(aArr, bArr) const vvv = new Set(aaa) const num = aaa.length - vvv.size console.log((aAr..

'별코딩'님의 유튜브를 보다가 정말 중요하고 명확한 강의를 보아서 정리해 두려고 한다. https://www.youtube.com/watch?v=QC3PtSlzp3s 기본 코드 아래 코드는 아주 단순한 input에 텍스트를 입력 후 추가 버튼을 누르면 li가 추가되는 간단한 코드이다. 몇 가지 내가 몰랐던 부분들을 정리하려고 한다. import './App.css'; import { useState } from 'react'; function App() { const [inputValue, setInputValue] = useState(''); const [list, setList] = useState(()=>['밥먹기', '코딩하기']); const addList = () => { setList((pr..