전체 글 썸네일형 리스트형 State 소개 State 1. 유동적인 데이터를 사용할 때 쓴다. ( cf . props 같은 경우는 정해진 데이터 ) App 클래스에 대해서 props의 value 값으로 propName 설정 , 그리고 고정 값인props.children 설정 ReactTest라는 클래스에서 App 클래스를 rendering한다.rendering 할 때 App 클래스의 propName은 ReactTest 클래스의 props의 value 값인 propName으로 설정한 것이다. 조금 꼬여서 복잡해 보일 수 있는데, 이 부분에서의 propName은 App클래스의 props 값 propName을 가리키는 것이고 그 값을 정의할 때에 App 클래스의 props의 값인 propName으로 받는다는 것이다. 즉, ReactTest 클래스를 다.. 더보기 Props 소개 props : 컴포넌트 내부에 변화하지 않는 Data에 사용된다. : JSX 내부에 { this.props.propsName } 으로 접근한다. : 컴포넌트를 사용할 때 , 괄호 안에 propsName = "value"로 작성한다. : {this.props.children} 은 기본적으로 갖는 props로 _______ 여기에 값이 들어간다. 위에 사진처럼 {this.props.name} 으로 선언을 해주면 이는 두 번째 특징에 속하며 해당 값을 가지고 오는 방법은 세 번째 방법을 이용하시면 됩니다. props의 value 값이 name이기 때문에 세 번째 방법은 아래와 같이 Haams라는 클래스에서 name (props의 value)가 "seongho" 라고 정의를 내려 주는 것입니다. {thi.. 더보기 JSX 소개 JSX Javascript에서 html 코드를 그대로 작성 xml 문법을 Native Javascript 문법으로도 해결 ReactDOM : 실제 페이지에 JSX코드를 Rendering할 때 사용 모든 JSX코드는 Component ( Container element )에 포함 시키기 React.Componenet를 상속받는 클래스를 만들고 내부에 render() { } 를 해준다.return 이 후 엔 소괄호로 묶어주는데, 가독성을 위해 하는 것이니 해주길 바랍니다. 내부에는 html태그로 정리할 수 있습니다. 여기서 'Haamseongho' 라는 단어를 div 태그로 감싸줬는데 반드시 div 태그든 어떠한 것이든 감쌀 수 있는 태그로 감싸줘야 합니다. (Nested Element) == Contain.. 더보기 Collection Collection 개념 같은 타입의 참조 값을 저장하기 위한 자바 라이브러리 - Set : 데이터 값의 중복을 허용하지 않고 순서도 가지지 않는다.- List : 중복을 허용하고 순서를 가진다. - Map : Key와 Value의 형태로 저장한다. Set의 종류 Set에는 크게 HashSet과 SortedSet이 있습니다. HashSet은 Set 인터페이스의 특성을 상속받기 때문에 데이터 값만을 받고 중복을 허용하지 않으며 순서도 중요하게 생각하지 않습니다. SortedSet은 마찬가지로 Set인터페이스의 특성을 상속 받기 때문에 데이터 값만을 받고 중복을 허용하지 않지만, 정렬된 Set이기 때문에 순서를 중요하게 생각합니다. 또한 Set 중에서도 Linked ~~ 로 되어 있는 Set은 연결리스트 구.. 더보기 그래프 탐색 알고리즘 DFS와 BFS의 차이점과 개념 설명 그리고 관련 코드에 대해서 설명해드리겠습니다. 그래프 경로 탐색에 있어서는 DFS(깊이우선순회) , BFS(너비우선순회) 방식이 있습니다. 다음은 이진 트리의 탐색 구조입니다. 그래프도 크게 다른 건 없습니다. 처음 시작 노드에서 12가 들어갈 곳을 탐색하기 위해 하나씩 내려가면서 들어갈 위치가 아닌 노드 또는 말단 노드에 도달하면 다시 이 전 노드로 돌아가서 검색하는 방법입니다.그렇게 하여 들어갈 곳을 탐색하는 방식과 동일한 방식으로 그래프 탐색도 진행됩니다. 공통적으로 PreOrder기준으로 생각하자면 출발점을 기준으로 방문하지 않는 노드들을 접근하게 되고 마지막 노드까지 갔을 경우 다시 돌아오면서(이 전 노드에서 다시 시작) 방문하지 않는 노드들을 방문하게 됩니.. 더보기 Dynamic Programming 다이나믹 프로그래밍 다이나믹 프로그래밍 소위, DP라고 불리우는 이 알고리즘 방식에는 크게 두 가지 방법이 있다. 재귀함수를 이용하는 방법과 처음 값부터 마지막 값까지 반복문을 이용하여 풀어가는 것이다. 이번 포스팅에서는 재귀함수를 통하여 푸는 방식을 설명하려 하는데, 가장 핵심은 수 많은 횟수 가운데 1부터 첫 스타트를 끊는 것이 아니라, N번까지 진행되었을 때를 생각하여 정리하는 것이다. 예를 들어, 1->2->3->5->8-> ... 이렇게 증가하는 피보나치 수열이 있다고 하자이를 n회 진행되었을 때를 생각하며 푸는 방식이다. 다음 문제는 재귀함수로 푼 방식인데 간단히 소개해주겠다. 정수 N이 주어졌을 때 다음 보기의 조건을 만족하여 1을 만든다. 연산 시의 횟수를 최소화하여 값을 내어라 1. X가.. 더보기 Angular.JS 기본 개념 Angular.js - FrontEnd WebFrameWork 기본적으로 클라이언트는 서버 url 에 들어가서 데이터를 요청하고 서버는 이를 html ,css , javascript 형태로 뿌려줍니다. 이를 브라우저를 통해 클라이언가 확인을 하는 것입니다. 클라이언트가 또 다른 요청을 보낼 경우 백앤드 쪽에서 데이터를 가공해서 필요한 로직에 맞게 재 구현하여 보내줍니다. 보내줄 때에는 Json 형태나 Xml 형태로 가공하여 보내주게 되고 , 이 데이터를 받아서 클라이언트 쪽에서 여러 방면으로 활용할 수 있습니다. https://docs.angularjs.org/guide/concepts Angular.js 에서 사용하는 속성들입니다. 중요한 것들만 조금 집어서 익혀보도록 하겠습니다. Directives .. 더보기 이전 1 ··· 15 16 17 18 다음
