blog.

얕은 복사(shallow copy)와 깊은 복사(deep copy) - 얕은 복사 : 원본 값과 복사된 값이 같은 참조(=메모리 주소)를 가리키는 것 > 객체 안에 객체가 있는 경우, 한 개의 객체라도 원본 객체를 참조하면 얕은 복사라고 볼 수 있음. - 깊은 복사 : 새로운 메모리 공간을 확보해 완전히 복사하는 것 파이썬에서의 얕은 복사(shallow copy)와 깉은 복사(deep copy) https://wikidocs.net/16038 12. 얕은 복사(shallow copy)와 깊은 복사(deep copy) ## 1. mutable과 immutable 객체 객체에는 mutable과 immutable 객체가 있습니다. ❈ 객체 구분 표 class 설명 구분 l… wikidocs.net dfs 알고..

See the Pen grid by soo-toance (@soo-toance) on CodePen. nomadcoders 강좌 들으면서 display:grid를 통해서 div 세팅하는 것을 보고 관련 css 속성을 정리했다. grid-template-* grid-template-colums : 세로 지정 가능 grid-template-rows : 가로 지정 가능 repeat()함수와 fr : - repeat() : 각각 입력하지 않고 repeat(반복할수, 반복할크기)를 통해서 지정할 수 있다. - fr : 사용 가능한 공간의 일정 범위를 가리킨다. 그래서 아래와 같은 화면을 만들려면 ? (노마드코더 예시) See the Pen grid-2023 by soo-toance (@soo-toance) on ..

반례 74% https://www.acmicpc.net/board/view/75765 5 2 100 -1 1 -100 -100 # 답 : 99 문제 링크 : https://www.acmicpc.net/problem/2559 2559번: 수열 첫째 줄에는 두 개의 정수 N과 K가 한 개의 공백을 사이에 두고 순서대로 주어진다. 첫 번째 정수 N은 온도를 측정한 전체 날짜의 수이다. N은 2 이상 100,000 이하이다. 두 번째 정수 K는 합을 구하기 www.acmicpc.net 풀이 - K번 전까지는, 연속된 배열의 합을 dp[i]에 저장하고, - K+1 번 부터는, dp[i-1]에서 맨 처음 들어온 degrees[i - K]를 빼고 지금 degrees[i]를 더한다. # 두 개의 정수 N과 K # N ..

문제상황 : too many re-renders. react limits the number of renders to prevent an infinite loop 발생 const nextPlease = () => setBack(false); setVisible((prev) => ( prev === 10 ? 10 : prev + 1 ) ); const previousPlease = () => setBack(true); setVisible((prev) => ( prev === 1 ? 1 : prev = 1 ) ); 해결 : 해결방법은 단순했다. 괄호가 안 닫힌 것이 이슈였다. nextPlease와 previousPlease를 모두 {}로 닫아주니 해결되었다. const nextPlease = () => { ..

🔱 수업 https://nomadcoders.co/react-masterclass/lobby 을 듣다가 6.14, 6.15장 immutability part 를 듣다가 아래 slice 통해서 값을 교체하는 방식으로 진행하는 것을 보고 왜 state가 immutable 해야 하는지 찾아보았다. setToDos((oldTodos) => { const targetIndex = oldTodos.findIndex(toDo => toDo.id === id); const oldTodo = oldTodos[targetIndex]; const newTodo = {text, id, category: name as any}; return [ ...oldTodos.slice(0, targetIndex), newTodo, ....

https://www.acmicpc.net/problem/14890 14890번: 경사로 첫째 줄에 N (2 ≤ N ≤ 100)과 L (1 ≤ L ≤ N)이 주어진다. 둘째 줄부터 N개의 줄에 지도가 주어진다. 각 칸의 높이는 10보다 작거나 같은 자연수이다. www.acmicpc.net 여기서, 알고리즘 구현할때 참고하면 좋은 부분은 다음과 같다. 1. 높은곳 -> 낮은곳으로 경사로를 세울때, - 경사로의 높이는 낮은곳으로 동일해야 하며 - 낮은곳 바로 다음 블럭의 높이는 낮은곳과 동일해야 한다 2. 낮은곳 -> 높은곳으로 경사로를 세울때, - 경사로의 높이는 낮은곳으로 동일하야 하며, - 낮은곳 바로 전의 블럭은 낮은곳과 동일해야 한다. baekjoon. 14501 # 첫째 줄에 N (2 ≤ N ≤ ..

pseudo class - 요소의 상태에 따라 선택하여 꾸며주는 것을 의미 LESS 전처리기에서, & 통해서 부모 element 접근할 수 있다. (react에서도 동일하게 사용 가능) const Box = styled.div` height: 200px; width: 200px; background-color: tomato; display: flex; justify-content: center; align-items:center; animation: ${rotationAnimation} 1s linear infinite; span { font-size: 36px; &:hover { // span:hover 와 동일 font-size: 100px; } } `; 가상 선택자(가상 클래스) 설명 :hover ..

문제 상황 > - npm start 시 unexpected token 발생 - 노마드코더 강의 듣는 중 발생 https://nomadcoders.co/react-masterclass /src/Circle.tsx 21:30 Module parse failed: Unexpected token (21:30) You may need an appropriate loader to handle this file type. | return /*#__PURE__*/React.createElement(Container, { | bgColor: bgColor, > borderColor: borderColor ?? bgColor, | __self: this, | __source: { 해결 > - react 버전 18 -> 1..

문제 상황 > - create react app 통해서 설치 후 실행했을때 에러 발생 - 노마드코더 강의 듣는 중 발생 https://nomadcoders.co/react-masterclass /MovieDB/node_modules/jest-worker/build/WorkerPool.js:25 } catch { ^ SyntaxError: Unexpected token { at NativeCompileCache._moduleCompile (/home/donquixote/Desktop/dicoding-submission/MovieDB/node_modules/v8-compile-cache/v8-compile-cache.js:240:18) at Module._compile (/home/donquixote/Des..

Replication 이란 ? - 한 서버에서 다른 서버로 데이터를 동기화 > 원본 데이터를 가진 서버를 소스 서버 (= 마스터) > 복제된 데이터를 가진 서버를 레플리카 서버 (= 슬레이브) Replica 서버를 구축하는 목적 - 스케일 아웃 : 갑자기 늘어나는 트래픽을 대응하는데 유연한 구조 - 데이터 백업 : > 레플리카를 안하더라도 백업을 해야 한다 > 백업 과정은 실제 실행중인 쿼리들에 영향을 줄 수 있기 때문에, 레플리카 서버에서 데이터 백업을 실행하여 소스 서버에서 백업 시 발생하는 문제들을 해결한다 - 데이터의 지리적 분산 : > 데이터베이스의 애플리케이션 서버가 멀리 떨어져 있다면 응답을 늦게 받게 된다. > 빠른 응답을 위해 애플리케이션 서버에 가깝게 서비스를 구성하는게 좋다. 복제를 ..