todos 배열을 받아 map함수를 적용해서 todos배열안의 객체들의 값들로 각각의 를 생성하는 함수다 map 함수는 배열을 받아 그 배열에 포함된 요소 하나하나에 함수를 적용한 결과값을 리턴하여 다시 배열로 만든다. map 함수에 반환한 배열에 key가 설정되어있으면 배열 업데이트시 더 효율적으로 리렌더링이 가능합니다. 배열에 key가 없다면 배열에 요소 추가 시 배열을 0~n까지 순회하여 맨 마지막에 값을 추가하고 전체 배열의 값을 바꾸는 방식이고 , 삭제 또한 전체 요소를 한번 순회하고 나서 삭제가 끝나면 전체 배열의 값을 바꾸는 방식입니다. 하지만 key가 있다면 값을 바꿀때 해당 부분으로 pin-point가 찍혀 바로 바꿀 수 있습니다. onRemove 함수를 사용할 컴포넌트에서 지정한 eve..

한동안 jsp만 하다가 react를 한번 맛보고(?) 건들지 않아서 이번에 기회에 다시 복습하고있다. 오랜만에 보는 컴포넌트 구조는 처음에는 당황 스러웠지만 다시 익숙해졌다. 뭔가 계속 정적이었던 jsp 보다 front를 동적으로 구현할 수 있어서 수월했다. Todo리스트를 만들어 보고있는데 app.js라는 큰 화면안에서 파트별로 내가 원하는 부분을 컴포넌트로 구현하는 방식이라서 그런지 바로 페이지를 하나 만드는것 보다 작은것 부터 해보려고한다. 일단 react는 html xml과 구분되어 지기위해 camelcase로 작성을 유의하자 props와 state를 까먹었지만 다시 보니 생각이 났다. 나 자신의 언어로 단어의 의미를 재정의 해보자면 prop은 자식 컴포넌트에게 넘겨줄 값 state는 현재 상태와..

클래스 소프트웨어 개발시 객체들을 먼저 만들고 객체들을 하나씩 조립해서 완성된 프로그램을 만드는 기법을 객체 지향 프로그래밍(OOP: Object Oriented Programming)이라고 한다. 클래스를 정의하는 방법 클래스는 객체를 정의해주는 틀로 객체의 속성과 기능을 하나로 묶어놓는다. 클래스는 필드 , 생성자 , 메소드로 구성이 되는데 필드(멤버 변수): 클래스 객체의 상태 속성을 나타내며, 여기서 초기화하는 것을 필드 초기화 또는 명시적 초기화라고 한다. 인스턴스 변수 : 클래스로 생성된 인스턴스가 갖는 변수로서 인스턴스가 생성될 때 만들어진다, 다른 인스턴스와 독립적인 값을 갖으며 heap 영역에 할당된다. 클래스 변수: static 키워드가 붙은 인스턴스 변수로 해당 클래스에서 파생된 인스..

목표: 자바가 제공하는 제어문을 학습 선택문 반복문 제어문 제어문이란 프로그램의 순서를 제어하거나 수행 횟수를 결정하는 것이다. 제어문은 처리 방식에 따라 크게 조건문, 선택문, 반복문으로 나뉜다. 선택문 의사 결정시 코드블럭을 선택적으로 실행시킨다. if문 if-else문 switch문 if(조건){ /*코드*/ } 조건이 true일 때 코드를 실행시킨다. if(조건1){ /*코드1*/ }else { /*코드2*/ } 조건1이 true이면 코드1를 실행시키고 false이면 코드2를 실행시킨다 같은 방식으로 else if를 더 추가하여 조건을 늘릴 수 있다. 하지만 else if로 분기를 늘려서 코드를 처리하는 것 보다 switch문으로 실행 흐름을 제어하는 것이 더 편리하다. int num = 3; s..