whdudev

본격적으로 코딩테스트 준비하기 앞서 간단하게 필수 자료구조의 개념에 대해 정리하고자 한다. 필요시에 추후에 내용을 보완 할 것이다. 1. 배열 (Array)1.1 배열의 특징배열은 하나의 연속된 메모리 공간에 여러 개의 데이터를 같은 타입으로 저장할 수 있는 자료구조이다.인덱스를 통해 데이터에 빠르게 접근 가능 1.2 배열 선언과 초기화 (Java) 및 사용배열 선언을 해도 따로 초기화 해줘야한다. int[] arr = new int[5]; // 기본값: 0String[] names = new String[3]; // 기본값: null배열 사용하기배열을 다루는 API Arrays를 궁금하면 더 찾아보자~!// 정렬 import java.util.Arrays;public class ArraySortE..

✅ 코딩테스트 시간복잡도 코딩테스트를 보다보면 시간제한을 보게된다. 문제가 정답을 도출하는 것도 중요하지만 주어진 시간에 맞게 문제를 풀어야한다. ex) 시간제한 :2 초 보통 1초는 1억번 정도라고 생각하면 편하다. 1억 (100,000,000 = 10^8 ) → 1초 (10의 8승 상수제외!)10억 = 1,000,000,000 = 10^9 (콤마(,)가 3개 있는 수치) 참고로 int는 4byte로 -2,147,483,648~ 2,147,483,647 범위이며,(only 양수) 크기로 보면 "21억"이며for문으로 탐색한다면 21초 소요되는 것을 어림짐작 할 수 있다. 빅오메가 - 최선일 때빅세타 - 보통 빅오 - 최악일 때 코딩테스트에서는 빅오 기준으로 생각하면 된다. (여러개의 테스트..

프로젝트할 때 마다 패키지 구조를 관성적으로 이전 구조랑 똑같이 진행했는데 이참에 패키지 구조 유형에 대해 정리하고자 한다. ✅ 패키지 구조 크게 2가지가 있다. 도메인형, 계층형 도메인형└── src ├── main │ ├── java │ │ └── com │ │ └── example │ │ └── demo │ │ ├── DemoApplication.java │ │ ├── coupon │ │ │ ├── controller │ │ │ ├── domain │ │ ..

✅리액트 훅 리액트 훅은 리액트 클래스형 컴포넌트에서 이용하던 코드를 작성할 필요없이 함수형 컴포넌트에서 다양한 기능을 사용할 수 있게 만들어준 라이브러리라고 할 수 있는데 React 16.8버전에 새로 추가된 기능이다.이는 함수형 컴포넌트에 맞게 만들어진 것으로 함수형 컴포넌트에서만 사용 가능하다.Hook 규칙1. 최상위에서만 Hook을 호출해야한다.2. 반복문이나 조건문 혹은 중첩된 함수 내에서 Hook을 호출하면 안된다.3. 리액트 훅은 호출되는 순서에 의존하기 때문에 조건문이나 반복문 안에서 실행하게 될 경우 해당 부분을 건너뛰는 일이 발생할 수도 있기 때문에 순서가 꼬여 버그가 발생할 수 있다.4. 그렇기 때문에 이 규칙을 따르면 useState 와 useEffect가 여러번 호출되는 경우에도 ..

✅ JSX = XML(HTML) + JavaScript 리액트에서 HTML처럼 보이는 코드를 JavaScript 안에 작성할 수 있게 해주는 문법 (참고 컴포넌트는 JSX를 반환하는 함수(또는 클래스) 즉 독립된 UI 블록 = 일반적으로 JSX집합이겠다. ) 1. XML의 구조적 틀: XML은 데이터를 구조화하여 표현하는 데 사용됩니다. XML 문서는 태그를 사용해 계층 구조로 데이터를 표현하죠. JSX도 XML처럼 태그를 사용해 구조화된 형태로 작성됩니다. 예를 들어, , , 같은 태그가 있습니다. 2. JavaScript의 동적 기능: JavaScript는 웹 페이지에 동적인 기능을 추가합니다. 이를 통해 사용자와의 상호작용을 구현할 수 있죠. JSX에서는 JavaScript 코드를 XML-..

✅ 컴포넌트 = "레고 블록"컴포넌트는 화면을 구성하는 '조각'이다.블럭처럼 조립해서 화면을 만든다. 컴포넌트를 통해 개별적인(=독립적인) 여러 UI조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 컴포넌트는 JS의 함수(input-output)와 유사함.props(input)라고 하는 임의의 입력을 받은 후, 화면에 어떻게 표시되는지 기술하는 React(output)를 반환함 부모 자식 관계 컴포넌트 다른 컴포는터의 return문 안에 포함될 경우 자식 컴포넌트이다. https://squirmm.tistory.com/entry/React-다른-컴포넌트에-정보-전달https://velog.io/@liabin124/React-입문부모-자식-컴포넌트-JSX-Props App 컴포넌트 ..