Develop (64) 썸네일형 리스트형 [TypeScript]evet.target 과 evet.currentTarget의 차이 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값 [CS]32/64bit 차이점 정리 모 기업 면접에서 물어본 질문 중 정확하게 답을 하지 못한 부분에 대해 정리가 필요하여 정리한다.컴퓨터에서의 bit란? (Word size)- 우선 워드 사이즈(Word size)란, 컴퓨터의 데이터 기본 처리 단위이다.- 이 워드 사이즈를 기준으로 데이터를 메모리에서 레지스터에 옮기거나, ALU를 통해 데이터를 조작하게 된다. CPU와 운영체제에서의 bit 종류구분32bit64bit수3264별칭x86 또는 x86-32x64 또는 x86-64메모리 제한32bit는 RAM 3.2GB 으로 제한Windows 32bit는 4GB 사용 불가64bit는 RAM 최대 6TB 까지 허용(Windows 10 기준)처리 속도64bit에 비해 느림(한번에 처리량이 적음)32bit에 비해 빠름(한번에 처리량이 큼)상호 호환.. [BOJ]1269_대칭 차집합 알고리즘 유형 : 자료구조 풀이 참고 : 문제 링크 : 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.. [React.js]map함수의 정확한 활용과 useState최적화 '별코딩'님의 유튜브를 보다가 정말 중요하고 명확한 강의를 보아서 정리해 두려고 한다. 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.. [SW사관학교정글]5기_WEEK10~13_회고 PintOS의 꽃? Virtual Memory 이번엔 Virtual Memory를 직접 만들어 메모리 할당을 Layz 하게 해야 했다. 알아야 할 개념이 한두개가 아니었다. 보조 페이지(SPT), 물리 메모리, 디스크, swap in/out, 프레임 등등... 그래도 과제는 끝까지 해내긴 하였으나, 정확히 이해 하였다고는 말하지 못할 듯하다. 힘들었던 점들과 어떻게 극복 하려 했는지에 대해 정리하겠다. 1. 많은 이론에 대한 공부 부담 - 난 공부 속도가 빠른편이 아니다. 그래서 많은 양은 부담이 더 크게 되었다. - 파트를 총 5파트로 나눴다. 그리고 그 안에서도 주제별로 나눴다. 그리고 하나씩 보면서 밟아갔다. - 특히 CSAPP를 꾸준히 읽었던 것이 아주 도움이 되었다. 2. 수학적 계산들에 대한 .. [알고리즘]백준_먹을 것인가 먹힐 것인가_7795_python 알고리즘 유형 : 정렬, 이분탐색 풀이 참고 : 블로그 문제 링크 : https://www.acmicpc.net/problem/7795 풀이 요약 처음 완전탐색으로 풀었으나 시간초과 이분탐색이나 투포인터로 풀어야 한다고 한다. 이분탐색풀이를 보던 중 재밌는 라이브러리를 찾아 정리 [bisect] 첫 번째 인자로는 탐색할 리스트(arr), 두 번째 인자로는 비교값(x)을 넣는다. 반드시 정렬된 리스트에 사용되어야 하고 arr에 x를 삽입할 곳을 이분탐색으로 찾아 그 인덱스를 반환한다. 코드(python) import bisect t = int(input()) for _ in range(t): a, b = map(int, input().split()) arr = [] for i in range(2): sor.. [알고리즘]BOJ_화살표 그리기_15970 알고리즘 유형 : 정렬 풀이 참고 : 없음 문제 링크 : https://www.acmicpc.net/problem/15970 풀이 요약 정렬 후 예외사항만 잘 체크하면 되는 문제이다. 내가 푼 기본 아이디어는 점의 색깔을 인덱스로 하는 리스트안에 점들을 모아두었다. 코드(python) n = int(input()) arr = [[] for _ in range(n)] # 색깔을 인덱스로 갖는 2중 리스트 생성 for i in range(n): position, color = map(int, input().split()) arr[color-1].append(position) # 같은 색의 리스트 솔팅 for i in arr: i.sort() result = 0 for j in range(len(arr)): .. 이전 1 2 3 4 5 ··· 8 다음
