KBW's Developer

Array(배열) 여러 데이터를 하나의 이름으로 그룹핑해서 관리 하기 위한 자료구조. index와 값의 쌍으로 구성 index는 값에 대한 유일무이한 식별자(마치 주민번호)( 리스트에서 인덱스는 몇 번째 데이터인가 정도의 의미를 가짐) 논리적 저장 순서와 물리적 저장 순서가 일치 => index로 해당 원소에 접근할 수 있다. (O(1)) 연속된 메모리의 공간으로 이루어져 있다 배열은 정의와 동시에 길이를 지정하며 길이를 바꿀 수 없다. 장점 인덱스를 통한 검색이 용이함. 연속적이므로 메모리 관리가 편하다. 단점 크기가 고정되어 있기 때문에 어떤 엘리먼트가 삭제되면, 삭제된 상태를 빈 공간으로 남겨두어야 한다. => 메모리 낭비 정적이므로 배열의 크기를 컴파일 이전에 정해주어야 한다. 컴파일 이후 배열의..

java 에는 크게 3개의 변수로 분류한다. -클래스변수 -인스턴스변수 -지역변수 3가지의 변수는 각각의 선언된 위치에 따라서 분류 가 된다. 각가의 특징과 장단점을 알아보자. class variable{ int a ; //클래스 안에서 static 없이 선언, 인스턴스변수 static int b ; //클래스 안에서 static 을 붙이고 선언. 클래스변수 void test(){ int c ; //메소드 안에서 선언, 지역변수 (메소드안에서만 사용가능하고 메소드를벗어나서 호출하면 안됨) } } 클래스 변수는 클래스 안에 어디서든 생성자를 만들지않고도 호출이가능하다. -----------------------------------------------------------------------------..

데이터의 기본형 이외의 중요한 참조형 타입(레퍼런스타입)에 대해 알아보겠다. 객체지향언어의 java 는 객체를 생성하기위한 언어라고 생각한다. java코드에서 생성자를 생성할때 Project project = new Project(); 위에 코드처럼 new 를 쓴다는건 메모리에 할당을 하겠다는것인데 이때 메모리중 stack 의 영영과 heap 의 영역에 어떻게 저장이되는지 알아야한다. project 의 변수를 객체변수,참조변수라고 부른다. new Project()는 참조값으로 생각을하고, key 와 value 처럼 참조변수 project 로 Project 의 값에 접근하려면 주소가 아닌 해시코드를 통해 접근할수있다. 인스턴스화 될때 (생성자를만들때) Project 는 heap영역에 저장되면서 hash코드..

java 파일을 생성한다. 메모장이다, EditPlus 같은 편집기로 간단한 예제 코드를 작성하되 정확한 확인을 위해서 코드에 출력문 System.our.print()를 사용하는 게 좋다. cmd로 실행을 해볼 건데, 우선 cmd에서 경로를 root로 ( C:\ ) 이동하고, java 코드로 작성한 코드 소스가 저장된 경로로 이동을 한다. 편집기로 코드를 적고 저장한 파일이름을 A.java라고 한다면, 0)_cmd root 경로로 이동후 A.java 파일이있는 경로를 cd 이후로 적어주거나 복사 붙여 넣기 한다 1)_ cmd > javac A.java 엔터 2)_ cmd > dir 누르고 디렉터리 확인 3)_ dir에서 A.class 파일이 생성되었다면 (바이트코드 생성됨) cmd > java A.jav..

이번시간은 useSelector 과 useDispatch 로 connect 를 사용하지않고 간단하게 사용하는방법에 대해알아보겠습니다. 그전에 redux 와 react-redux 를 설치합니다. 현재 코드 구조는 는 App 컴포넌트 아래 Left 컴포넌트 와 Right 컴포넌트 의 2개의 자식 컴포넌트가있으며 Left 컴포넌트 아래 left-child Right 컴포넌트 아래 right-child 각각 자식 컴포넌트가 또있는 형태입니다 이해를 돕기위해 아래 그림을 참고해주세요. 1 ) App 컴포넌트에서 reducer 를 생성합니다 2 ) Left 컴포넌트 에 자식 컴포넌트에서 useSelector 를 import 해주고 useSelector 는 함수를 인자로 받기때문에 새로 함수를 만들어서 인자로 넣어주..

이전 시간은 createAction 을 사용하여 반복되는 코드와 전체적인 코드의 양을 줄이기위해 이전 보다는 새로운 방식인 createAction 을 사용하였습니다. 하지만 Switch Case 와 default return 의 코드를 여전히 사용하였는데 , createReducer 를 사용하면 이또한 코드의 양을 최적화 할수있습니다. 다소 복잡하게 느낄수있기에 이전 코드들의 변화를 익히시고 사용하는것이 좋습니다. 모두다 같은 기능을 하기에 어떤 코드를 사용하여도 문제가 되진않지만 다만 더적은양으로 같은기능을 구현하기위해 도전 하길원한다면 사용해보시길.. (주석된 코드가 이전코드이며 그아래는 바뀐 코드입니다) https://redux-toolkit.js.org/api/createreducer create..

redux 를 사용하려면 기본적으로 reducer 를 만들고 type을 지정해주는데, 확실히 redux 의 장점도 많지만 단점이라면 코드의 양을 지적하는 사용자들의 불만을 빼놓을수없다. 코드의 양을 최적화 하기위해 redux 에서 보안하기위해 추천하는 createAction 에 대하여 알아보겠다. createAction 을 사용하기전과 사용후의 코드 변화를 살펴보겠다. (주석처리 한 부분이 이전 코드) 같은기능을 하는데 반복적인 코드를 줄이고 전체적인 코드의 양이 확줄게 된 것을 확인 할수있다 reducer 도 아래와같이 바꿔준다. 바로 위 코드를 보면 switch case 문에 ADD type 부분과 dispatch로 넘어온 action.text 가 createAction 을 통해 만들어준 addToD..

이번시가은 mapStateToProps 에 2번째 파라미터 ownProps 와 React Hooks 에 usuParams( ) 를 알아보겠습니다. ToDo 파일에 li 태그안에 text 를 클릭시 Link 에 지정해놓은 경로, Detail 컴포넌트로 이동이됩니다. Detail 컴포넌트 url 에는 id 값이 묻어서 같이 넘어오는데, 1) useParams( ) 를 이용하면 이렇게 id값을 얻어낼수있습니다. 2) mapStateToProps( state , ownProps) 중 두번째 파라미터 ownProps 를 이용해도 id값을 쉽게 얻을수있습니다. 콘솔에 ownProps 를 찍어보면 아래와 같은 정보를 얻을수있습니다. 그중 match 에 params 를 보시면 id가있습니다. 다시 console.log..

react-redux 에 connect 함수를 이용하여 외부 컴포넌트에서 reducer 에 state , dispatch 를 사용하거나 접근할때 중 dispatch 에 대한 내용을 추가적으로 작성해보겠습니다. store.js 파일 (reducer) toDo.js 파일 (외부component) 1) store 파일에 만들어놓은 acrionHandler 에는 state 에 추가하는 addToDo 함수와 , 삭제하는 deleteToDo 함수가 object 형식으로 사용하기위해서 담아두었습니다. ( 각 함수마다 export 해서 사용하여도 됨) 2) toDo.js 파일에 dispatch 를 사용해야하기에 connect 함수를 import 한후 위와같이 argument는 state를 불러올필요 없기에 null 값..

react에서 redux를 사용하려면 우선 터미널에 npm install react-redux를 설치해주자 우선 폴더 구조는 아래와 같다. store 를 다른 컴포넌트에서 사용하려면 약간의 설정이 필요하다 (어렵지 않음) 1) react-redux에서 { Provider }를 import 해온다 2) index.js 에 Provider로 App을 감싸준다 , store에서는 js와 redux를 사용했듯이 작성하면 되며 차이가 있다면 , export를 해주어야 한다. 3) store를 외부에서 사용 가능하게 export default store; 해준다. 그리고 (사용할 컴포넌트) Home.js 에서는 store에 있는 데이터를 사용하기 위해서 4) react-redux에 connect() 함수를 impo..