코르시카's Blog

■ Array 참조 : korshika.tistory.com/86 (1) Array - 배열 ■ 배열 - 연관된 데이터를 나열하고, 각 데이터를 인덱스에 대응하도록 구성한 데이터 구조 - Python에서는 list가 배열 기능을 제공 ※ List는 배열 구조이면서 데이터가 index에 따라서 빈틈 없이 korshika.tistory.com > 고정 size의 arrray를 선언하고 이를 사용 - 연속된 메모리 공간 - 데이터 최대 사이즈를 모르거나 데이터가 계속 늘어나는 경우 부적합 > 데이터 삽입 삭제가 느림 - 중간 index에 값을 추가하는 경우, 다음 index부터 뒤로 밀어내며 덮어쓰이는 등의 이유 > item 사이의 빈 공간(null) 등이 있을 수 있음 > index로 빠르게 값을 찾는 것이..

■ Linked list 구조 1) 정의 : 연속된 메모리 위치에 저장되지 않는 선형 데이터 구조 > 포인터를 사용하여 연결 된다 > 용량 / 전기적 이유로 HDD / SSD에서 읽어와서 memory에 올려서 메모리 포인터의 값을 프로그래밍 언어가 사용 > 다음과 같은 구조를 가짐 2) 사용 이유 : (1) array의 단점 - 배열 크기가 미리고정되어있어 유동적으로 데이터 사이즈에 따른 자료구조 변경이 어려움 - 새로운 요소를 삽입하는 것에 비용이 많이 소모( 공간을 만들고, 기존 요소 전부 이동시켜야 함 ) > 요즘 언어들은 array에 대한 push pop (2) Linked list의 장점 동적 크기 삽입/삭제 용이 (3) Linked list의 단점 임의 access허용 불가능, 노드 앞단부터 ..

■ 배열 - 연관된 데이터를 나열하고, 각 데이터를 인덱스에 대응하도록 구성한 데이터 구조 - Python에서는 list가 배열 기능을 제공 ※ List는 배열 구조이면서 데이터가 index에 따라서 빈틈 없이 연속적으로 위치하는 데이터 구조를 의미 ( 배열과 비슷하지만 다른 점이 있음 ) ■ 배열이 필요한 이유 1) 같은 종류의 데이터를 효율적으로 관리하기 위함 ( 필요에 의해 묶어둔 연관된 혹은 같은 type의 데이터 ) 2) 같인 종류의 데이터를 순차적으로 관리 ■ 배열의 장단점 1) 장점 - 빠른 접근이 가능 2) 단점 - 배열의 size를 미리 설정해야 한다. Python은 자유로움 - 추가되는 데이터가 있으면 데이터 주소를 연결하여 데이터가 추가되어야 하는데, 데이터 길이보다 array siz..

■ HTTP / HTTPS 통신 기본 내글 참조 : korshika.tistory.com/49 HTTP 통신 기본 & Rest API 참조 : velog.io/@sdc337dc/%EC%9B%B9-%EA%B0%9C%EB%85%90-Http-%ED%86%B5%EC%8B%A0 velog.io/@doomchit_3/Internet-HTTP-%EA%B0%9C%EB%85%90%EC%B0%A8%EB%A0%B7-IMBETPY [Internet] HTTP? 개념잡기 통신과정-IMBE.. korshika.tistory.com > 다음과 같은 req / res의 기본 > hypertext는 markup 으로 작성된 text 포함하여, media등도 포함 ■ JS에서 서버와의 통신방법 > Form, AJAX, XHR, fet..

■ Component에 Event 전달법 > Main component에서 하위 component로 이벤트 전달하고 State 변경하는것이 필요함 ( 모듈단위로 component를 구현하고 있기 때문에 ) 1) Main component level 에서 state 변경할 함수를 설정 + 이 함수를 props로 하위 component가 access할 수 있도록 전달 2) 하위 component에서 event를 생성한 후 click시 상위 사용자 event State 관리하는 함수를 call ■ 하위 component에서 상위로의 정보전달 1) 하위 component에서 부를 때 parameter를 전달 2) 다음과 같은 3가지 방식으로 전달 > (1), (2) 번은 ev object를 받고 안에서 targ..

■ State / Props와 Render의 관계 > Render 메써드에 state나 참조하는 props가 있을 시 state나 props가 어떤 방식으로던 변경이 이루어지면 render가 재호출되며 처음부터 다시 페이지를 그리게 됨 ※ main Component의 render가 reload되면 하위 component들이 가진 render 메써드도 차례로 다시 호출 됨 ∵ ▲main Component는 state변경으로 인해 reload되고, 하위 component들은 그 state에서 props를 받으므로 차례로 변경되는 것 ■ Mode 도입 > Mode에 event를 설치하여 반응형으로 만드는 방식은? ■ Event 추가 > a tag로 href가 있으면 클릭시 reloading이 되므로 event..

■ 함수형 프로그래밍의 특징 1) Input / Output 구조 > 처리할 input을 넣어주는 것이 전부 2) State와 같은 다른 상태를 넣어주지 않고 때문에 외부 환경에 독립적으로 함수를 실행 3) (2) 번 때문에, 같은 input에 대해서 같은 output이 나오는 '순수함수'의 성격을 지님 [함수형 프로그래밍이 절차형에 비해 안정적인 이유] State를 참조하여 결과물을 생성하지 않기 때문에, State를 건드리는 외부 함수의 timing, Thread와 Queue등을 신경쓰지 않고 구현이 가능 > State를 참조받지 않고 안정적인 결과들을 expect할 수 있게 프로그램을 구현할 수 있음 > 어떠한 state를 참조하더라도, 인자로 그 변수의 복사본을 가져와서 작업하기 때문에, 함수형 ..

■ Join > 구분자 not essential > string으로 바꿔준 후 구분자를 사이에 넣어서 string을 return { const fruits = ['apple', 'bannana', 'orange']; const result = fruits.join(', '); console.log(result); } >>> apple, bannana, orange ■ Split > 구분자 essential (string OR RegEx) > limit(Optional)으로 몇개까지 나눌지 지정, limit 이후는 포함 안하고 return > 구분자로 string을 나누어서 return 해줌 { const fruits = '🍎,🥝,🍌,🍒'; const result = fruits.split(',', 2);..

■ Data State로 전달받기 > Component 가 data를 받는 것을 다음과 같이 작성할 수 있음 ※ 완벽히 적절한 데이터 전달방식인 것인지 모르겠으나, 아래와 같이 array안의 object들로 받음 ■ Component 내부 여기서는 TOC 컴포넌트를 예시로 들고 왔음 ※ 특이한 점 : 1) push할 데이터 자체를 JSX로 해도 무방 ( [흰색 박스] 안을 string으로 주면 변환이 안되고 그대로 string으로 전달 됨. JSX로 줄 것) 2) [주황색 박스]HTML element를 직접 생성할 때는, key 값을 주어야 React 내부적으로 오류가 생기지 않음 ■ State와 Props 사용의 장점 모듈단위로 분리가 되고, 그 값을 state에서 주입하므로써 재사용성 용이해지고, H..

■ 사용자 & 구현자 1) State : 구현자가 사용자를 위한 system의 상태관리를 위한 것 2) Props : 사용자 입장에서 보여지는 component API를 조작하기 위한 것 ■ Component를 state로 관리하기 > State는 App.js 등에서 주는 값으로 치환 > Component라는 class + props를 한 객체로 바라보고, state에서 props로 가지는 값을 하위 component에 주입하는 방식 > 상위 App의 State를 하위 Component로 전달하는 방식 ※ Props + component 활용된 부분 ■ Class의 Super란? 1) 정의 : 클래스를 생성할 때, 부모 클래스의 기능을 활용해서 메서드나 변수를 선언할 때 super를 사용 2) 사용 : ..