본문 바로가기

분류 전체보기105

[React] React-calendar Introductionreact-calendar 라이브러리의 사용법과 css custom 하는 법을 알아보려고 한다. https://www.npmjs.com/package/react-calendar react-calendarUltimate calendar for your React app.. Latest version: 4.6.0, last published: 2 months ago. Start using react-calendar in your project by running `npm i react-calendar`. There are 422 other projects in the npm registry using react-calendar.www.npmjs.com react-calendar 설치np.. 2023. 9. 17.
[React] Styled-components에서 스크롤 애니메이션 구현 Introduction스크롤 y 값을 통해서 특정 스크롤 위치가 되었을 때 애니메이션을 실행하는 코드를 구현해보려고 한다. 1. React에서 스크롤 이벤트 적용하기function App() { const [scr, setScr] = useState(0) // 스크롤 높이를 나타내는 변수 // addEventListener 를 이용하여 스크롤 이벤트가 발생할 때마다 scr를 갱신 useEffect(() => { window.addEventListener('scroll', (e) => { setScr(window.scrollY); }); return () => { window.removeEventListener.. 2023. 8. 31.
3584_가장 가까운 공통 조상 ▶ 골드4 (트리) 풀이 부모 노드 값을 가지고 있는 배열: tree 조상을 담을 vector: A 를 선언하고 먼저 입력받은 간선 정보를 이용하여 각 노드의 부모 노드를 채워준다. 그 후, 공통 조상을 구할 두 노드 중 첫 번째 노드의 모든 조상 노드들을 A에 삽입한다. 마지막으로 두 번째 노드의 모든 조상 노드를 A에 삽입하는데, 이 때 A에 이미 존재하는 값이라면 이것이 두 노드의 공통 조상 노드이므로 그 값을 출력하고 배열과 vector를 초기화하고 다음 테스트케이스를 진행한다. 코드 #include #include #include #include #include #include #include #include #define MAX 10001 using namespace std; int tree[.. 2023. 8. 7.
[운영체제] 프로세스와 스레드 프로그램 & 프로세스 프로그램이란? 어떤 작업을 위해 실행할 수 있도록 저장장치에 저장된 정적인 상태의 파일 프로세스란? 실행을 위해 메모리에 올라온 동적인 상태로, 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 즉, 지금 실행 중인 프로그램을 의미 Code, Data, Stack, Heap 의 독립된 메모리 영역을 할당 받음 Code: 프로그램을 실행시키는 실행 파일 내의 본문이 기술된 공간, 읽기 전용 Data: 전역 변수, static 변수들이 위치하는 공간, 읽기와 쓰기 가능 Heap: 동적 할당을 위한 메모리 영역 (malloc(), new 등) Stack: 지역 변수, 파라미터가 위치하는 공간 / 프로세스 내에서 함수를 호출하면 함수를 수행하고 원래 프로그램으로 되돌아올 위치를 저장하는 .. 2023. 8. 6.
[Java] List에서 특정 필드 추출 후 String[]으로 변경 Introduction 모든 필드를 가지고 있는 List 중 원하는 특정 필드만 추출하는 방법과, 그렇게 추출한 특정 필드 List를 String 배열로 변경하는 방법에 대해 알아보려고 한다. 특정 필드 추출 List 추출객체이름 = 원본객체이름.stream().map(원본클래스이름::get추출할필드이름).collect(Collectors.toList(); List를 String[]로 변경 String[] 배열이름 = 리스트이름.toArray(new String[리스트이름.size()]); 2023. 8. 5.
1967_트리의 지름 ▶ 골드4 (트리) 풀이 노드들의 가중치 합 중 최댓 값을 구하는 문제인데, 중요한 것은 꼭 루트 노드를 포함해야할 필요가 없다. 그래서 모든 노드를 기준으로 dfs를 진행해서 가중치 최댓값을 구하면 된다. 코드 #include #include #include #include #include #include #include #define MAX 10001 using namespace std; int n; vector graph[MAX]; bool visited[MAX]; int ans; void dfs(int i, int value) { visited[i] = true; if (value > ans) { ans = value; } for (int j = 0; j < graph[i].size(); j++).. 2023. 8. 5.