본문 바로가기

Study Memos

 (206)
웹 브라우저와 JavaScript (Section 1) 참고> opentutorials.org/course/1375/6619 1. HTML : 웹의 시작, 정보를 표현하는 언어 2. CSS : 웹을 꾸며줌 3. JavaScript: HTML을 프로그래밍적으로 제어함
앞으로 리액트 프로젝틀 하면서 공부해야 할 분야들.. (Section 10) 참고> velopert.com/3642 1. 스타일링 -> css => velopert.com/3480 -> Sass => velopert.com/3503 // HTTP 요청 라이브러리인 axios 사용도 경험해볼 수 있음 -> LESS, stylus, styled-components.. =>velopert.com/3447 2. 상태관리 -> 프로젝트가 복잡해질 경우 App 등의 Component에서 사용하는 state가 매우 복잡해지고 이를 업데이트 하는 로직도 복잡해짐 -> state를 체계적으로 관리하는 라이브러리들이 있음 => Redux, MobX => velopert.com/3528 3. 불변성 유지 -> 데이터의 깊이가 깊어지면 불변성 유지는 꽤나 귀찮은 작업임 -> 불변성 유지를 도와주는 라..
전화번호 부 만들기 튜토리얼 4/4 (Section 9) 참고> velopert.com/3640 1. Component의 상태가 업데이트되면 Component의 re-rendering이 발생하고, Component의 re-rendering이 발생하면 그 Comopnent의 자식 Component도 re-rendering이 발생한다. -> 굳이 업데이트하지 않아도 될 부분은 LifeCycle API 중 하나인 shouldComponentUpdate 함수를 사용해 효율적으로 작동시킬 수 있다. -> shouldComponentUpdate 함수에서 기존의 props 정보와 파라미터로 받은 nextProps 정보의 차이를 비교하여 update 여부를 리턴할 수 있다. 2. 불변성을 유지해주어야만 shouldComponentUpdate 로직을 굉장히 간단하게 짤 수 있..
비어있는 Zip 파일 만들기 (Section 70) 참고> blog.naver.com/tipsware/221147948788 1. 빈 파일에 Zip 파일 헤더 정보를 넣어주면 비어있는 Zip 파일을 만들 수 있다. -> unsigned char table[22] = {0x50, 0x4B, 0x05, 0x06, 0x00,}; fwrite(table, 1, 22, p_file); fclose(p_file);
ListBox의Owner Draw 속성 사용법 (Section 69) 참고> blog.naver.com/tipsware/221147732296 1. ListBox에서 'Owner Draw' 속성을 사용하려면 IDC_FRIEND_LIST 컨트롤의 'Owner Draw' 속성을 Visual Studio에서 찾은 후 'Fixed'로 변경해야 함 => 항목을 추가할 때 문자열을 기존처럼 사용하려면 'Has Strings' 속성을 'True'로 해야 함
ListBox 배경 색상 변경 (Section 68) 참고> blog.naver.com/tipsware/221147541743 1. ListBox의 배경색은 'Owner Draw' 로 변경이 안되서 WM 메시지를 사용해야 함. 2. WM_CTLCOLOR : 컨트롤에서 사용할 DC의 상태 값을 설정할 수 있게 해주는 메시지 3. 예전 16bit Windows 운영체제에서는 WM_CTLCOLOR 메시지를 썼지만 이후에는 WM_CTLCOLORBTN, WM_CTLCOLORLISTBOX 등 각 컨트롤별로 메시지가 세분화됨 4. 대화상자의 윈도우 프로시저에서 WM_CTLCOLORLISTBOX 메시지 처리를 추가해주면됨 => 리턴 값으로 ListBox가 사용할 배경 Brush 객체의 핸들 값을 반환해주면 ListBox는이 Brush 객체로 배경을 그려줌 => 글자색, ..
전화번호 부 만들기 튜토리얼 3/4 (Section 8) 참고> velopert.com/3638 1. 배열의 특정 원소를 제외시킬 때 사용하기 좋은 함수 => filter 함수 : 특정 조건에 부합되는 원소들만 뽑아서 새 배열을 만들어 줌 2. 데이터 수정의 한 방법 1) editing 값을 저장하는 bool 변수 선언 2) editing === true 일 때에는 Component에서 input 태그를 렌더링하고, editing === flase 일 때에는 Component에서 div 태그를 렌더링한다.
전화번호 부 만들기 튜토리얼 2/4 (Section 7) 참고> velopert.com/3636 1. React 에서는 state 내부의 값을 직접적으로 수정하면 절대 안됨 => 불변성 유지 -> push, splice, unshift, pop 안됨 -> concat, slice, map, filter 사용 -> React의 re-rendering을 위한 조치 2. Component 내부에서 사용하는 값들 중, 렌더링과 관계 없는 변수들은 굳이 state에 넣어줄 필요가 없음. 그냥 Component 클래스의 내부 변수로 관리. 3. 컴포넌트를 여러개 렌더링하려면, 그냥 JavaScript 배열의 내장 함수인 map을 사용하면 된다. 4. Component가 자신의 부모로부터 props 받아서 어떤 처리를 한다고 가정해볼 때, 프로그래머가 실수로 props를 ..

티스토리툴바