분류 전체보기 (248) 썸네일형 리스트형 [MySQL] 생활코딩 8~14 - 세미콜론을 입력하지 않고 명령어를 입력한 뒤 엔터를 누르면, 가독성을 높여주기 위한 개행이 됩니다. - column의 data type을 강제할 수 있고, 이는 mysql의 data type을 참고해서 테이블을 생성하면 됩니다. -테이블 생성에서 NOT NULL을 입력하면 값이 없는 것을 허용하지 않고, NULL을 입력하면 값이 없는 것을 허용합니다. 그리고 AUTO_INCREMENT를 입력하면 자동으로 증가된 값이 들어갑니다. - PRIMARY KEY(id)를 입력하면 중복되지 않는 고유한 값으로 id를 인식하게 합니다. - SHOW TABLES; 를 입력해서 database안에 테이블을 확인할 수 있고, DESC topic; 을 입력해서 topic이라는 table이 어떻게 구성됐는지 확인할 수 있.. [MySQL] 생활코딩 1~7 - DB의 핵심 작업은 CRUD입니다.(Create, Read, Update, Delete) - 스프레드 시트를 통해 어느 정도 정보를 정리정돈할 수 있습니다.(File->Spreadsheet->Database) - Oracle, MySQL(Relational DBMS), MongoDB(관계형X)가 인기가 많습니다. 관계형을 배운 뒤, 관계형이 아닌 것을 배우는 것을 추천합니다. - Oracle은 자금력이 필요한 반면, MySQL은 무료이고, 오픈소스입니다. 제 공부순서는 mySQL->MongoDB 입니다. - 스프레드시트는 클릭을 통해 데이터를 조작한다면, DB는 SQL이라는 언어를 통해 데이터를 조작할 수 있습니다. - www.codeanywhere.com 에서 설치없이 실습 진행이 가능합니다.(ww.. [React] 생활코딩 1-10 - React를 통해 사용자 정의 태그를 만들 수 있고, 이를 component라 합니다. 이를 통해 가독성과 재사용성이 높아지며, 유지보수가 편리해집니다. - 공식문서: ko.reactjs.org/ 에서 npm설치하고 이를 통해 create-react-app 설치(공식문서에서는 npx로 설치하라고 함) - [CodeIt] JavaScript 중급 토픽1(다양한 이벤트 알아보기) - 마우스 버튼으로 하는 이벤트는 MouseEvent객체의 button 프로퍼티를 이용하면 됩니다. MouseEvent.button에서 0은 마우스 왼쪽 버튼, 1은 마우스 휠, 2는 마우스 오른쪽 버튼입니다. - MouseEvent.type에서 click은 마우스 왼쪽 버튼을 눌렀을 때, contextmenu는 마우스 오른쪽 버튼을 눌렀을 때, dbclick은 동일한 위치에서 빠르게 두번 click할 때이고, mousedown은 마우스 버튼을 누른 순간, mouseup은 마우스 버튼을 눌렀다 뗀 순간입니다. 이때, 주의할 점은 하나의 동작에 여러 이벤트가 발생할 수 있다는 점입니다. - 여러 이벤트의 발생 순서는 운영체제에 따라 다를 수 있으니, 주의해야 합니다. - 마우스 이동과 관련된 이벤트 타입(.. [CodeIt] JavaScript 중급 토픽1(이벤트 살펴보기) - elem.addEventListener(event, handler)를 통해 이벤트 핸들러를 등록하는 것이 가장 권장되는 방식입니다. - elem.removeEventListner(event, handler)를 통해 이벤트 핸들러를 제거할 수 있습니다. handler를 추가할 때 바로 함수를 입력하면 이러한 방식으로 제거가 안되므로, 반드시 이벤트를 변수에 할당하여 handler를 전달해 추가해줘야 합니다. - removeEventListner는 파라미터로 전달하는 타입과 이벤트 핸들러가 addEventListner메소드로 등록할 때와 동일할 때만 이벤트 핸들러를 삭제할 수 있습니다. - click 이벤트뿐만 아니라 다양한 이벤트들이 존재하고, 이벤트에는 마우스 이벤트, 키보드 이벤트, 포커스 이벤트,.. [CodeIt] JavaScript 중급 토픽1(브라우저와 자바스크립트) - JS의 최상단 객체인 window객체는 브라우저의 창을 대변합니다. window에는 document와 console 프로퍼티 객체가 존재합니다. - window는 어디서나 접근가능한 전역객체(Global Object)이고, document와 console앞에 window.은 생략가능합니다. - DOM(Document Object Model, 문서 객체 모델)은 HTML을 객체로 표현한 것입니다. - console.log가 아니라 console.dir을 쓰면, 객체의 다양한 프로퍼티를 출력합니다. 따라서 값 자체를 확인할 때는 log를, 객체의 속성들을 살펴볼 때는 dir을 사용하면 됩니다. - DOM 트리에서 각 객체를 노드(Node)라 합니다. 노드 간의 관계로 부모, 자식, 형제가 있습니다. - .. [CodeIt] JavaScript 중급 토픽1(인터랙티브 자바스크립트 시작하기) - JS에서 id속성을 통해 태그를 선택하는 법은 document.getElementById('id')입니다. 이때, 선택된 태그는 자식요소들을 모두 같이 가져옵니다. 또한, 존재하지 않는 id에 접근하면 null이 반환됩니다. - JS에서 class속성을 통해 여러 태그를 선택하는 법은 document.getElementsByClassName('class')입니다. 이때, 배열과 유사하지만 배열의 메소드는 사용할 수 없는 유사배열(Array-Like Object)인 HTMLCollection형태로 값이 반환됩니다. 또한, 존재하지 않은 class로 접근하면, 빈 HTMLCollection이 반환됩니다. - HTMLCollection과 같이 배열과 모양은 같지만, 완벽히 배열은 아닌 유사 배열(Array.. [CodeIt] 프로그래밍 시작하기 in JavaScript 토픽3(자료형 심화) - 단위가 큰 정수를 표시할 때 1e9(= 1 X 10^9)와 같이 수를 표기할 수 있습니다.(지수 표기법) - 8진수를 표현할 때는 앞에 0o를, 2진수를 표현할 때는 앞에 0b를 붙입니다. 이를 출력할때는 십진수로 출력됩니다. - JS에서 숫자도 객체입니다. myNumber.toFixed(3)을 하면, 소수점 아래 자릿수를 3으로 고정시켜 줍니다. 만약 자릿수가 숫자를 초과하면 0으로 채워줍니다. toFixed()에 값을 전달 안하면 0이 전달됩니다. 이때, 반환된 값은 string이므로 숫자로 사용하려면 Number( )로 형변환 해줘야 합니다. Number()로 형변환하는 대신 앞에 +를 붙여줄 수도 있습니다. - myNumber.toString(2)을 하면 수를 2진수로 반환시켜줍니다. 그리고 .. 이전 1 ··· 8 9 10 11 12 13 14 ··· 31 다음
