Stack LIFO(Last In First Out) 먼저 들어간 데이터는 제일 나중에 나오는 후입선출의 구조이다 해당 자료구조를 사용해 데이터를 저장하고 검색하는 프로세스가 매우 빠르며, 최상위 블록에서 데이터를 저장하고 검색하면 된다는 장점이 있다 데이터는 하나씩 넣고 뺄 수 있다 한꺼번에 여러 개를 넣거나 뺄 수 없다 하나의 입출력 방향을 가지고 있다. Stack 자료구조는 데이터의 입출력 방향이 같다. 만약, 입출력 방향이 여러 개라면 Stack 자료구조라고 볼 수 없다. 스택의 크기는 제한되어있고 데이터는 정적이야 한다 웹 브라우저 방문기록 (뒤로 가기) : 가장 나중에 열린 페이지부터 다시 보여준다. 역순 문자열 만들기 : 가장 나중에 입력된 문자부터 출력한다. 실행 취소 (undo) : 가장..

웹 표준 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’으로 사용자가 어떤 브라우저나 기기를 사용하더라도 내용을 동일하게 볼 수 있도록 하는 것이 웹 표준이다 1.유지 보수의 용이성 각 영역이 분리되면서 유지 보수가 편리하고 코드가 경량화되면서 트래픽 비용이 감소하는 효과도 생겼다 2.웹 호환성 확보 웹 브라우저의 종류나 버전, 운영 체제나 사용 기기 종류에 상관없이 항상 동일한 결과가 나오도록 할 수 있다 3.검색 효율성 증대 적절한 HTML 요소의 사용, 웹 페이지에 대한 정확한 정보 작성 등 검색 효율성과 관련된 내용도 웹 표준에서 다루고 있다 4.웹 접근성 향상 브라우저의 종류, 운영 체제의 종류, 기기의 종류 등 웹에 접근할 수 있..

기존 리액트는 한 번의 변경으로 수많은 상태 변경 과정이 이뤄져야 하고 이 과정에서 무분별한 렌더링이 일어나게 된다 만약 컴포넌트가 100개 1000개가 된다고 가정하면 관리하기 어렵고 오류가 발생하는 원인이 되며 흐름 자체를 파악하여 어디서 오류가 났는지 조차도 모르는 경우가 생겨난다 Redux 리덕스(Redux)는 리액트에서 가장 사용률이 높은 상태관리 라이브러리이고 컴포넌트들의 상태 로직들이나 글로벌 상태 관리를 손쉽게 해줄 수 있다 state를 쉽게 관리할 수 있고 웹사이트의 상태를 어디서 관리할지 고민하지 않아되며 어떤 액션이 취해졌고, 어떤 데이터가 어떻게 변경되었는지 쉽게 알 수 있다 Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐르는 방식이다 ..

Props와State는 데이터를 다룰때 사용한다 Props 컴포넌트의 속성(property)을 의미하며 부모 컴포넌트(상위 컴포넌트)로부터 전달받은 값을 전달해 주는 것을 의미한다 props로 어떤 타입의 값도 넣어 전달할 수 있도록 props는 함부로 변경될 수 없는 읽기 전용(read-only) 객체이다 function Parent() { return ( 안녕 나는 부모야 {/* Child 컴포넌트에 또 다른 문자열을 props 로 전달하기 */} ); } function Child(props) { return ( {props.text} ); } export default Parent; props.children 사용 import "./styles.css"; const App = () => { con..

동기/ 비동기란? 자바스크립트는 싱글스레드이기 때문에 한 번에 하나의 작업만 수행할 수 있었고 이를 해결하기 위해 병렬 적으로 처리하는 비동기 방식이 생겨났다 동기(Synchronized)란 쉽게 설명해서 프로그램이 작성된 순서대로 실행되는 것으로 A, B, C 순서로 함수가 작성되어 있다면 함수는 반드시 A, B, C순서대로 A의 동작이 끝나면 B함수가 실행되고, B가 끝나면 C함수가 동작하는 것을 동기적 실행이라고 할 수 있다. 비동기(Asynchronized)란 동기적 실행과 달리 비동기 프로그래밍은 타임라인의 분기를 나눠서 두개이상 함수가 동시에 동작하는 것이다. 대표적인 예제로 setTimeout( )이 있는데 setTimeout( )을 쓰게 되면 기적 타임라인에서 나눠저서 독자적으로 함수를 실..

사용성 평가 1. 시스템 상태의 가시성 아직 구현하지 못함 2. 시스템과 현실 세계의 일치 인테리어 전문용어가 아닌 사용자들에게 친숙한 단어로 표현 3. 사용자 제어 및 자유 사용자가 실수로 누른 작업을 취소할수 있게 뒤로가기 버튼을 구현 4. 일관성 및 표준 사용자에게 친숙한 ui 를 제공 하였으며 한 제품 내에서 같은 인터페이스를 유지할수 있도록 구현 5. 오류 방지 아직 구현하지 못함 6. 기억보다는 직관 아직 구현하지 못함 7. 사용의 유연성과 효율성 아직 구현하지 못함 8. 미학적이고 미니멀한 디자인 사용 빈도적은 메뉴를 다 보여주지 않고 필요할 때에만 볼수 있게 구현 9. 오류의 인식, 진단, 복구를 지원 아직 구현하지 못함 10. 도움말 및 설명 문서 아직 구현하지 못함 * UI 분석 * 사..