본문 바로가기

전체 글

 (154)
boj_1009_분산처리 문제 https://www.acmicpc.net/problem/1009 1009번: 분산처리 입력의 첫 줄에는 테스트 케이스의 개수 T가 주어진다. 그 다음 줄부터 각각의 테스트 케이스에 대해 정수 a와 b가 주어진다. (1 ≤ a < 100, 1 ≤ b < 1,000,000) www.acmicpc.net 내 풀이 단순하게 제곱으로 접근할 시 시간초과가 난다. pow(x, y[, z])If a third parameter is present, it returns x to the power of y, modulus z. The `pow()` function returns the value of x to the power of y (xy). pow 함수나 **연산자는 내부 로직에서 같은 라이브러리 함수를 사..
[WEB] 돔(DOM)과 렌더링(Rendering) 글의 목적DOM이 무엇인지에 대해서 알고, 렌더링에 대해서 상세히 알아본다.렌더링 과정이 얼마나 부하가 걸리는 일인지를 이해한다. => 이를 통해서 VDOM이 왜 필요한 지 이해할 수 있을 것으로 생각된다. DOM정의 : 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다.용도 : DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다.구조 : nodes와 objects로 구성된다.발전사항 : 초창기 DOM은 JS와 밀접하게 연관되어 있었지만 지금은 분리해서..
boj_2512_예산 2512번: 예산 첫째 줄에는 지방의 수를 의미하는 정수 N이 주어진다. N은 3 이상 10,000 이하이다. 다음 줄에는 각 지방의 예산요청을 표현하는 N개의 정수가 빈칸을 사이에 두고 주어진다. 이 값들은 모두 1 이상 www.acmicpc.net 알고리즘 생각 예산을 낭비하지 않고 최대로 사용할 수 있는 `상한선`을 구하는 것이 목표 평균값을 내림으로 계산하면 일단 예산을 넘지 않는 `상한선`을 만들 수 있다 이 `상한선`은 최대치가 아니라 예산이 분명 낭비된다. 여기서부터 최소 단위씩 올려가면서 비교해야한다. 구현방법 및 코드 빈 배열을 만들고, 조건에 맞게 초기화해가면서 계속 비교해나간다. 이 과정에서 len() 과 sum() 함수를 사용하니 매우 편했다 import math n = int(in..
아이폰 GitHub 위젯 추가하기 매 번 깃허브에 올리고 다시 확인하는 작업이 매우 귀찮았는데, 깃허브 앱이 있는 걸 알아버렸다 매우매우 행복하게도 이 앱을 이용하면 잔디 심은 걸 위젯으로 볼 수 있따. 엡 > 홈화면편집 기능 또는 위젯편집을 누르면 편집모드로 넘어가며 아래 사진에 +를 눌러서 깃허브를 추가하자 (필자는 이미 추가한 이후다) sign in 후 핸드폰을 끄고 키면 연동이 되어서 이제 잔디가 보인다(감동...) 이제 한달 째를 바라보는 중인데, 이거라면 더 열심히 관리가 가능할 거 같다. 힘내자..! 이 글을 보는 주니어들 모두 화이팅! 깃허브 친구 생기면 좋겠다.. 댓글 달아주시면 친추해요.. 아마..
다형성(overload) 공부한 이유 `Error : No overload matches this call error`이란 에러가 발생하였는데, overload가 뭔지 몰라서 공부를 시작하였다. 다형성 프로그램 언어의 다형성은 그 프로그래밍 언어의 자료형 체계의 성질을 나타내는 것으로, 프로그램 언어의 각 요소들(상수, 변수, 식, 오브젝트, 함수, 메소드 등)이 다양한 자료형(type)에 속하는 것이 허가되는 성질을 가리킨다. 반댓말은 단형성으로, 프로그램 언어의 각 요소가 한가지 형태만 가지는 성질을 가리킨다. ⇒ 쉽게 말하면, 하나의 클래스나 함수가 매우 많은 형태와 동작을 가질 수 있는 것을 의미합니다. overload 와 override은 각각 이 다형성을 구현하는 대표적인 방법이다. overload 두 메서드가 같은 ..
z-index error : stacking order and z-index 공부한 이유 z-index가 99999999 여도 특정 컴포넌트에게 항상 덮이는 경우가 발생했다. 구체적으로 저는 아래 그림처럼 드랍다운이 기본버튼에 덮여서 클릭할 수가 없었습니다. 원인과 해결법 원인: stacking order 이라는 web의 기본 순서를 정하는 로직이 z-index보다 우선 되기 때문에 일어나는 현상이다. 해결법 : position 속성을 부여하면 된다. stacking order web은 기본적으로 아래에서 위로 쌓이는 데(stacking) 아래 세가지 기준으로 쌓이게됩니다. 루트 요소의 배경과 테두리 (HTML에 나타나는 순서대로) 자식 엘리먼트들 (HTML에 나타나는 순서대로) position이 지정된 자식 엘리멘트 ※ 참고 노트 : “positon이 지정되면 후에 렌더링이 된..
위상정렬 알고리즘 (boj_2252) 용도 순서가 정해져 있는 일련의 작업을 차례대로 수행할 때 사용하는 알고리즘이다. 사이클이 없을 때 사용이 가능하다. (있다면 아마 변형이 필요할 것) 예시는 수강신청이 있다. 기초수학-대학수학- 공업수학, 기초수학-물리학, 물리학-양자역학 등의 커리큘럼이 있을 때, 위 선수과목을 어긋나지 않고 순서대로 듣는 알고리즘을 짜는 법이다. ⇒ 이 글에서는 수강신청을 예시로 많이 들 예정이다. 용어 설명 진입 차수 - 선수과목 수(나에게 들어오는 노드 간선의 수) 진출 차수 - 후수과목 수(내가 다른 노드로 뻗는 간선의 수) 위상 정렬 알고리즘 로직 진입차수가 0인 노드를 큐에 넣는다. 큐가 빌 때까지 다음의 과정을 반복한다. 큐에서 원소를 꺼내 해당 노드에서 나가는 간선을 그래프에서 제거 ⇒ 제거한 그래프를 ..
React Dom접근 error : getElementByClassName Error in useEffect(조건부 렌더링) 코드 export default function MyEssayPage() { useEffect(() => { getMyEssay(1); const tests = document.getElementById("test"); tests?.setAttribute("style", "red"); console.log(test); }, []); return ( {store.myEssayList.map((essay: any, Essayidx: any) => ( {Essayidx + 1} {essay.prompt.contents} {essay.essayContents} {essay.score} ))} ) } 원인 위 코드는 useEffect에서 getMyData()로 Api를 통해 데이터(myEssayList)를 불러온..

티스토리툴바