WINK-(Web & App) (591) 썸네일형 리스트형 [2025 1학기 React.js 스터디] 한혜민 #4주차 useRef로 특정 DOM 선택하기이전에 만든 InputSample에서 초기화 버튼을 클릭했을 때 input에 포커스가 잡히도록 해보겠음. 코드 작성하고 브라우저에서 인풋에 값을 입력하고 초기화를 눌러보면이름에 포커스가 잡히는 것을 확인해볼 수 있음 !!!!!!!!!!!!!!!!!!!!!! 배열 렌더링하기반복되는 코드를 사용하는 것은 비효율적임.효율적인 배열을 위해 동적인 배열을 렌더링할 때 쓰이는 map 함수와 각 원소마다 가지는 고유값으로 설정된 key를 사용하여 배열을 렌더링할 것임. useRef로 컴포넌트 안의 변수 만들기이번에는 App 컴포넌트에서 useRef를 사용하여 변수를 관리해볼 거임.용도는 배열에 새 항목을 추가하고, 그 새 항복에서 사용할 고유 id를 관리하는 용도임. useRe.. [2025 1학기 알고리즘 스터디] 김민주 #3주차 알고리즘 스터디 3주차 : 그리디 알고리즘 1. 회의실 배정https://www.acmicpc.net/problem/1931💡문제 분석 및 알고리즘 설계가장 대표적인 그리디 문제인 회의실 배정은 최초 아이디어만 떠올리면 구현하기는 어렵지않은 것 같습니다.(근데 이제 처음에는 절대 생각안나는 ㅠㅡㅠ)저는 이미 풀이 방법을 알고있어서 바로 구현해봤습니다. 회의 시작시간과 끝나는 시간을 pair로 갖도록 배열을 생성하고,끝나는 시간을 비교해서 최대 회의가 가능하도록 알고리즘을 설계했습니다. #include #include #include using namespace std;int n, a, b;int num =1;pair arr[100001];int main(){ cin >> n; for (in.. [2025 1학기 알고리즘 스터디] 이서영 #3주차 *파이썬으로 풀었습니다.- 1931 : 회의실 배정- 1541 : 잃어버린 괄호- 11047 : 동전 0 1931. 회의실 배정한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시작될 수 있다. 회의의 시작시간과 끝나는 시간이 같을 수도 있다. 이 경우에는 시작하자마자 끝나는 것으로 생각하면 된다. 회의를 최대한 많이 하려면 '빨리 끝나는 것 중에서 골라내면 되겠다.' 라는 생각을 하고 문제로 들어갔습니다.impo.. [2025 1학기 React.js 스터디] 이승준 #4주차 ㅎㅏ 시험 끝나니까 바로 스터디네요;; 달려볼게요🗂️ useRef로 특정 Dom 선택하기JS에서 우리는 특정 DOM을 선택해야 할 때 getElementById, querySelector과 같은 함수들을 사용해서 DOM을 선택합니다. 리액트에서도 직접 DOM을 만져줘야하는 경우가 있을 수 있는데 이때, React에서는 ref 라는 것을 사용합니다. 함수형 컴포넌트에서 ref 를 사용할 때에는 useRef 라는 Hook함수를 사용합니다.(useState(),같은거..) 클래스형 컴포넌트에서 하는 방법도 있는데 안다루겠습니다..(이제 별로 안중요하대요) 예시를 한번 보겠습니다🗂️ 배열 렌더링하기React에서 배열을 렌더링하는 방법을 알아보겠습니다.아래에서 보시면 되는데 만약 const us.. [2025 1학기 알고리즘 스터디] 신지은 #3주차 3주차 알고리즘 스터디 시작합니다.이번주에 공부할 알고리즘 개념은 Greedy입니다! Greedy란?현재 상황에서 가장 좋아 보이는 선택을 하는 방식입니다.Greedy 뜻 자체가 욕심이라 탐욕 알고리즘이라고 부르기도 하는데매 순간마다 하는 선택은 최선이지만 전체적으로 그 선택이 최적의 선택은 아닐 수도 있습니다. 아무튼 이 알고리즘 개념으로 문제들을 풀어봅시다. 1. 회의실 배정https://www.acmicpc.net/problem/1931#include using namespace std;int main() { int meet; cin >> meet; int meetings[100000][2]; for (int i = 0; i > meetings[i][0] >> meetings[.. [2025 1학기 스프링부트 스터디] 오세웅 #4주차 회원 웹 기능 - 홈 화면 추가이 전에 구현했던 회원 기능의 홈 화면을 추가한다.@Controllerpublic class HomeController { @GetMapping("/") public String home() { return "home"; }}위와 같이 컨트롤러를 구현한다. 이 전에 구현했던 wellcome page가 나오지 않는 이유는 요청에 대한 우선순위 때문이다.요청이 왔을 때 컨트롤러를 먼저 체크하고 해당하는 것이 없으면 정적 파일을 체크하는 것이다. 다음과 같이 홈이 구성된다. 회원 웹 기능 - 등록회원의 이름을 받아서 등록하는 부분을 구현한다.@GetMapping("/members/new")public String createForm() { ret.. [2025 1학기 알고리즘 스터디] 박현빈 #3주차 Greedy Algorithm그리디 알고리즘(탐욕법, Greedy Algorithm)은 최적해를 구하기 위해 매 순간 최선의 선택을 하는 알고리즘입니다. 간단하게 현재 상황에서 가장 좋은 선택을 하는 방식으로 동작하며, 선택의 순간적인 최적해들이 전체적인 최적해가 되는 경우에 사용할 수 있습니다.그리디 알고리즘의 특성💡 그리디 알고리즘의 일반적인 특징은 "최적 부분 구조"와 "탐욕 선택 속성"입니다. 이 두 가지 특징이 성립하는 경우, 그리디 알고리즘을 이용해 최적해를 구할 수 있습니다. 탐욕적 선택 속성 (Greedy Choice Property): 현재 상황에서 가장 좋은 선택을 한다면 이후의 선택들이 어떻든 상관없이 전체적으로 최적해를 찾을 수 있는 성질을 말합니다. 즉, 당장의 최적 선택을 계속.. [2025 1학기 알고리즘 스터디] 박건민 #3주차 다들 연휴는 잘 보내셨나요?오늘은 죽지도 않고 돌아온 알고리즘 스터디 3주차 블로깅입니다. 알고리즘 스터디 3주차 주제는 그리디(Greedy) 알고리즘인데요,그리디 알고리즘이 뭐냐면~ 💡 그리디 알고리즘(탐욕법, Greedy Algorithm) 이란? Greedy가 탐욕이라는 뜻인데요 최적의 값을 구해야 하는 상황에서 사용되는 근시안적인 방법론으로 각 단계에서 최적이라고 생각되는 것을 선택해 나가는 방식으로 진행하여 최종적인 해답에 도달하는 알고리즘입니다. 이때, 항상 최적의 값을 보장하는 것이 아니라 최적의 값의 근사한 값을 목표로 합니다. 주로 문제를 분할 가능한 문제들로 분한한 뒤 각 문제들에 대한 최적해를 구하고 이를 결합하여 전체 문제의 최적해를 구하는 경웨 주로 사용됩니다. 💡 근시안적.. 이전 1 ··· 5 6 7 8 9 10 11 ··· 74 다음
