전체 글 (74) 썸네일형 리스트형 변수와 타입 2.1 변수 2.1.1 변수란? 프로그램은 작업을 처리하는 과정 중 데이터를 메모리에 저장한다. 변수(Variable)는 값을 저장할 수 있는 메모리 공간을 의미한다. 이름이 변수인 이유는? 값이 변할 수 있기 때문 2.1.2 변수 선언 변수를 쓰려면 먼저 변수를 선언해야한다. 데이터 타입과 변수 이름을 정해준다. int age; //정수(int)값을 저장할 수 있는 age 변수 선언 double value; //실수(double)값을 저장할 수 있는 value 변수 선언 같은 타입의 변수는 , (콤마)를 이용해서 한꺼번에 선언할 수도 있다. int x, y, z; 변수 명명 규칙 java에서 정한 명명 규칙 규칙 1) 첫 글자는 문자이거나 $, _여야하고 숫자로 시작할 수 없다. * price, $pr.. 11. 합성 vs 상속 합성과 상속이란? 객체지향에서 기능 재사용을 위해 사용하는 대표적인 기법이다. 상속(Inheritance)? 부모클래스가 구현해둔 무언가를 자식클래스가 상속(extends)해서 무언가를 구현 하는 방법으로 객체 지향 프로그래밍(OOP)에서 많이 사용하며, 자식클래스는 부모 클래스에 정의해둔 field나 method를 그대로 받아서 사용할 수 있다. 내용을 추가(혹은 확장)해서 사용하는 것도 가능하다. class Vehicle{ constructor(name, type){ this.name = name; this.type = type; } getName(){ return this.name; } getType(){ return this.type; } } class Car extends Vehicle{ con.. 6. 이벤트 처리 React 이벤트 처리 React의 이벤트 처리방식은 Vanila JS의 이벤트 처리 방식과 거의 유사하다. 몇 가지 차이만 알고 있으면 된다. 차이 1] 기본 문법 React 이벤트는 소문자 대신 카멜 표기법(camelCase)를 사용한다 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달한다 HTML에서 작성 Active Lasers React에서 작성 Activate Lasers 이벤트 onclick대신 onClick으로.. 마치 낙타(camel) 혹 처럼 쓴다. " " 문자열 대신 { } 을 사용하여 JSX로 전달한다. 차이 2] 이벤트 기본 동작 방지 React는 false를 반환해도 기본 동작을 방지할 수 없다. 반드시 preventDefault를 호출해야한다. 비교를 위해 새 페이지.. 5.1 State 올바르게 사용하기 직접 State를 수정하지 않기setState를 쓰지 않고 직접 State를 수정한다면? React가 state가 변경된 걸 인지하지 않는다. 그러면 render()를 호출하지 않을거고, 아무런 변화가 없음.ㅜㅜ 직접 state를 지정할 수 있는 건 constructor에서 this.state로 초기 값을 줄 때 뿐... State 업데이트는 비동기적일 수 있다React는 성능을 위해 여러 setState() 호출을 단일 업데이트로 한꺼번에 처리하기도 한다. this.props와 this.state가 비동기적으로 업데이트 될 수 있기 때문에 state 계산 시 값에 주의해야 한다.//실패 예 this.setState({ counter: this.state.counter + this.props.increm.. 5. State와 생명주기 State란? React 컴포넌트에서 다루는 데이터는 Props와 State 두 가지로 나뉜다. Props는 부모 컴포넌트가 자식 컴포넌트에 값을 전달할 때 사용하는 것으로 "읽기 전용"이다. 자식 컴포넌트는 값을 받기만 하고 직접 수정할 수 없다. 이 점을 이용해서 변경되지 말아야 할 데이터를 효율적으로 관리할 수 있다. State는 컴포넌트 자기 자신이 갖고 있는 값이다. 내부에서 선언하고 내부에서 변경할 수 있다. props와 비교해서 "쓰기 전용"이라고 볼 수 있다. React doc 예시 React 공홈에 나와있는 문서 내용을 따라가보자! 3. 엘리먼트 렌더링에서 만든 시계 예제를 살펴보자. function tick(){ const element=( Hello, World! It is {new .. JQuery 사용설정 JQuery 설정 : JQuery는 javascript 라이브러리이다. JQuery는 함수로 이루어져있다.Javascript는 속성으로 이것저것있었는데 JQuery는 함수로 이것저것 구현해놨다 JQuery홈페이지 접속, 다운로드 메뉴에서Download the compressed production JQuery 3.5.1을(zip 추천) 다운로드 한다. 요상한 화면이 뜨는데 우클릭해서 다른이름으로 저장하면 된다.그리고 가져올 수 있는 폴더에 넣는다.HTML에서 Uploaded by Notion2Tistory v1.1.0 D+190 ] 42 Seoul 체크인 미팅 후기(feat.코로나 줌) 체크인 미팅 당일 날 메일이 왔다. 원래는 현장에 방문해서 진행되었던 걸로 알고 있으나.. 코시국으로 인해 Zoom으로 진행되었다. Zoom 주소를 알려주는데 당일 10시~20시 사이 시간 될 때 접속하면 된다. 1:1로 진행되는데, Zoom에 접속하면 대기하다가 미팅을 진행한다. 선착순이 아니기 때문에 그냥 시간 될 때 접속하면 된다. 나는 점심 먹고 2시쯤 해서 접속했다. 이메일로 을 알려주는데 카메라와 마이크가 되는 환경+신분증을 준비하면 된다. 체크인 미팅은 간단하다. 신분 확인하고, 코로나 체크(?)하고, 다른 교육 참여 중인지 정도만 확인하고 끝. 그러면 대화창으로 새로운 Zoom주소를 공유해주시는데... 과정 설명회에 참여하는 링크다. 해당 사항도 마찬가지로 메일에 정보를 준다. 다만 과정설.. MySQL 다운로드 및 설치하기 MySQL의 특징 1. 가장 널리 사용되고 있는 관계형 데이터베이스 관리 시스템(RDBMS)이다 2. 타 DBMS보다 사용하기쉽고 무료(오픈 소스임)다! 3. 표준 SQL 형식을 사용한다. 4. ram을 쪼끔만 쓴다. 5. 다양한 운영체제에 사용가능하고, 여러 언어를 지원한다 MySQL 다운로드 1) www.mysql.com/ 사이트에 접속해서 메뉴의 DEVELOPER ZONE를 클릭한다 2) 좌측 사이드바에서 MySQL Downloads 클릭 3) 그러면 자료실로 이동한다. 윈도우일 경우 MySQL Installer for Windows클릭 4) 다운로드 클릭하고 로그인하라는 창이 뜨는데 No thanks, just start my download을 클릭하면 다운로드가 진행된다 만약 특정 version.. 이전 1 ··· 5 6 7 8 9 10 다음
