본문 바로가기

전체 글

 (596)
HTML에서 JavaScript 사용하기 (Section 3) 참고> opentutorials.org/course/1375/6620 1. HTML 태그의 속성 값으로 사용 (쌍따옴표 안에 JavaScript 코드 사용) 2. HTML 태그 중 태그 사이에 JavaScript 코드 사용 => 태그의 src 속성을 사용하면 외부 파일을 참조하여 JavaScript 코드를 사용할 수 있음 => 태그는 태그에 위치 시킬 때도 있고, 태그의 마지막 부분에 위치시키는 경우도 있다. 의 마지막에 놓는 게 좀 더 낫긴 한데, 에 위치시키는 경우도 많다. 의 마지막에 놓는 게 좀 더 나은 이유는, 웹브라우저가 속성을 처리할 때 에 가 있을 경우 에 있는 class 이름이나 id 등은 아직 읽지 못한 상태이기 때문에 해당 객체를 참조할 떄 null 처리가 된다. 혹 에 태그를 굳이 ..
웹 브라우저와 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 태그를 렌더링한다.

티스토리툴바