전체 글 108

백준 2631 C++

https://www.acmicpc.net/problem/2631 2631번: 줄세우기 KOI 어린이집에는 N명의 아이들이 있다. 오늘은 소풍을 가는 날이다. 선생님은 1번부터 N번까지 번호가 적혀있는 번호표를 아이들의 가슴에 붙여주었다. 선생님은 아이들을 효과적으로 보호하기 www.acmicpc.net 문제 정리 주어진 아이들의 키를 가장 적게 움직여서 증가수열이 되도록 정렬하는 문제 문제가 왤케 쓸데없이 길어;;; 난독 오게 생ㄱ김 생각 DP로 푸는데 아이의 위치를 변경할 때마다 그 때까지의 최대 증가수열의 길이를 저장 코드 #include #include using namespace std; int main() { int N; cin >> N; int children[N]; int dp[N]; fo..

백준 2024.02.13

[React] 리액트 파일 절대경로 설정하기

절대경로를 설정하는 이유 import main from '../../Images/main/main.svg' 이런 식으로 ../을 무한 생성하게 되니까 여러 개 import할 땐 지저분하게 보일 수 있음! 절대경로를 설정해주면 import main from 'Images/main/main.svg' 이렇게 코드를 간단하게 줄일 수 있다! CRA(create-react-app)에서 절대경로 설정하는 방법 1. 최상위 루트에 jsconfig.json파일을 만든다 있는 경우에는 파일 내용을 추가해주면 됨 2. 아래 내용을 추가해준다 { "compilerOptions": { "baseUrl": "src" }, "include": ["src"], "exclude": ["node_modules"] } 3. 서버를 재실..

React 2024.02.11

깃 정리

mkdir test2 - 파일 생성 git init - 깃 초기화 git remote add origin https://github.com/chaegimjeong/solfa.git - 원격 저장소에 연결! git branch -M main - 메인 브런치 생성 git push -u origin main - 생성한 메인 브런치를 origin에 푸시 git remote -v - ? origin https://github.com/chaegimjeong/solfa.git (fetch) origin https://github.com/chaegimjeong/solfa.git (push) vi README.MD - 수정 git add . - 수정 후 add git status - status로 상태 확인 git co..

공부 기록 2024.02.05

[React] 리액트 이벤트 프로퍼티 onClick/onSubmit 차이점

onClick이랑 onSubmit 차이점이 무엇일까? 난 그동안 모든 이벤트를 onClick으로 처리했는데 두 이벤트 프로퍼티의 차이점을 비교해보고자 한다! onClick이란? - 용도 : 주로 버튼이나 다른 클릭 가능한 엘리먼트에 대한 클릭 이벤트를 처리하기 위해 사용된다. - 이벤트 타입 : 마우스 클릭 이벤트에 반응한다. - 사용법 function handleClick() { // 클릭 이벤트 처리 로직 } Click me 주의사항 : 요소뿐만 아니라 다른 클릭 가능한 엘리먼트에도 사용할 수 있다. onSubmit이란? - 용도 : 주로 폼(form) 엘리먼트에서 전송(submit) 이벤트를 처리하기 위해 사용된다. - 이벤트 타입 : 폼이 제출될 때 발생하는 이벤트에 반응한다. - 사용법 func..

React 2024.02.04

리액트 콘솔이 두 번 찍힐 때

console.log를 찍었는데 이렇게 두 번씩 찍히고 출력되는 경우가 생길 수 있다... 이런 경우 index.js에서 을 감싸고 있는 를 빼준다! import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( // // ); reportWebVitals(); 이 후 콘솔을 찍어보면 정상 출력되는 것을 확인할 수 있다! 그렇다면 왜 그..

React 2024.02.03

리액트 ES6 문법 - 배열 함수

아래 책을 읽고 정리한 내용입니다. https://m.yes24.com/Goods/Detail/87631428 Do it! 리액트 프로그래밍 정석 - 예스24 실리콘밸리 리액트 클래스를 그대로 담았다!에어비앤비 프런트엔드 리드에게 배우는 리액트 프로그래밍!전 세계의 뛰어난 개발자들이 모여 일한다는 실리콘밸리! 실리콘밸리에서도 핫한 기업 m.yes24.com 배열 함수 ES6의 forEach()함수 사용 방법 알아보기 ⇒ 문자열(쿼리 스트링 = 웹 주소에 포함시키는 문자열)을 분리 후 비교! const qs = 'banana=10&apple=20&orange=30'; function parse(qs) { var queryString = qs.substr(1); // querystring = 'banana=..

카테고리 없음 2024.02.01
728x90