분류 전체보기 (185) 썸네일형 리스트형 React ) 컴퍼넌트 아래처럼 사용자 정의 태그를 만들수 있다.이때 return값은 문자열, 태그가 아니고 jsx 객체이다. 컴퍼넌트에 값을 전달할수도있는데, 마치 속성값처럼 작성하여 값을 전달할 수 있다.하지만 진짜 태그도 아니고 진짜 속성값도 아니다. jsx 객체이다.그렇기때문에 title이라고 안해도되고 aaaaa="WEB" 이렇게 전달해도 무방하다.그냥 변수전달로 생각하면되겠다. 전달한 값은 props파라미터로 전달 받고, 전달하고 싶은 영역에 { } 처리하여 작성하면 된다.{}에 있는 값은 문자열이 아닌 표현식으로 인식된다.일반적으로 파라미터명은 props를 많이쓰며, props는 값을 전달하는데 하향전달만 가능하다. Contents 영역도 수정해보자.먼저 나열될 리스트의 정보를 객체로 만들어주고 Content.. React ) 수정하기 기초 리액트의 첫 화면의 시작은 src 폴더안의 index.js 이다. 변수 root에 App을 렌더링하고 있다.렌더링하고있는 './ App.js'로( .js가 생략되어있는것) 이동하여 수정하자return값으로 태그를 내보내고있는데, " "감싸져있지않다. 이말은? 문자열이 아니라는것. 결국 태그가 아니다.jsx 객체이다. 수정후 npm start수정된 화면이 나오는데 id="root" div 안에 수정한 App.js가 보인다.root는 어디있는가하면 public안에 index.html 안에 있다. App.js에 사용자정의 태그를 사용하여 좀 더 풍성하게 만들어보자 규칙이 있는데, return값은 태그 하나로 묶을것, 함수명은 대문자를 사용할것. import React from 'react';import .. React ) 리액트 설치 1. node.js 설치하기https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 폴더 만들기3. 리액트 설치하기npx create-react-app .** npx - 일회성 설치 명령어** . 은 현재 폴더(디렉토리)에 설치하겠다는 것 혹시 설치 오류가 난다면?# create-react-app 제거 후 재설치 $ npm uninstall -g create-react-app $ npm install -g create-react-app # create-react-app 재실행 $ npx c.. Python ) 클래스문 인스턴스를 만들때 자바스크립와는 다르게 new를 붙일 필요가 없다.this 대신 self를 사용한다.constructor 대신def __init__(self, 추가적인 매개변수): self.name = name self.age = age 문법상 __init__ 부분을 생략해도 무방하나 생략하지말것. __이름__() : 이러한 형태의 메소드는 특수한 상황에 자동으로 호출되도록 만들어짐 > 트리거다양한 종류가 있다. 그냥 메소드로 직접 짜도 상관없는데 파이썬에는 이런게 있음. 안써도 사실 무방한거임 파이썬에는 클래스변수와 함수가 따로있다. 속성과 메소드말고고유한 속성이 아니지만 메소드를 짜다보면 객체안에서만 사용할 변수가 필요할때가 생긴다. 이럴때 클래스 변수를 사용한다. 함수도 마찬가지. 밖에서.. SQL ) 데이터베이스 키(KEY) 종류 슈퍼 키(Super Key): 유일성을 만족하는 키. 예를 들면, {학번 + 이름}, {주민등록번호 + 학번}복합 키(Composite Key): 2개 이상의 속성(attribute)를 사용한 키.후보 키(Candidate key): 유일성과 최소성을 만족하는 키. 기본키가 될 수 있는 후보이기 때문에 후보키라고 불린다. 예를 들면, 주민등록번호, 학번 등기본 키(Primary key): 후보 키에서 선택된 키. NULL값이 들어갈 수 없으며, 기본키로 선택된 속성(Attribute)은 동일한 값이 들어갈 수가 없다.대체 키(Surrogate key): 후보 키 중에 기본 키로 선택되지 않은 키.외래 키(Foreign Key): 어떤 테이블(Relation) 간의 기본 키(Primary key)를 참조하.. Node.js ) Query http://~~~~~~~~/?id=DDD&pw=ssssid=DDD&pw=ssss 이 부분이 Query 위와 같은 로그인 html에서 input창에 내용을 입력하고 로그인버튼을 누르면http://~~~~~~~~/?id=DDD&pw=ssss 쿼리로 받는다 Python ) 튜플 / 람다 튜플튜플이란 함수와 함께 많이 사용되는 리스트와 비슷한 자료형으로, 리스트와 다른 점은 한번 결정된 요소는 바꿀 수 없습니다. 튜플은 함수의 리턴에 많이 사용합니다. 여러 개의 값을 리턴하고 할당할 수 있기 때문입니다. (데이터, 데이터, 데이터, ...) 요소를 하나만 가지는 튜플은 쉼표를 넣어 선언합니다.(데이터, ) 괄호 없이 작성할 수 있습니다.데이터, 데이터, 데이터 람다람다란 매개변수로 함수를 전달하기 위해 함수 구문을 작성하는 것이 번거롭고, 코드 공간 낭비라는 생각이 들 때 함수를 간단하고 쉽게 선언하는 방법입니다. 1회용 함수를 만들어야 할 때 많이 사용합니다. SQL ) 데이터 타입 SQL에서 데이터 타입은 테이블에 저장되는 값의 종류를 정의합니다.데이터 타입에 따라 저장되는 데이터의 크기와 형식이 달라집니다. 1. 문자열 타입문자 데이터(텍스트)를 저장하는 데 사용됩니다.CHAR(n): 고정 길이의 문자열을 저장합니다. 길이가 정확히 n인 문자열이 저장되며, 부족할 경우 공백으로 채워집니다.예: CHAR(10)은 10자의 고정된 길이 문자열을 저장합니다.VARCHAR(n): 가변 길이의 문자열을 저장합니다. 최대 n 길이까지 문자열을 저장할 수 있으며, 실제 입력된 길이만큼만 저장합니다.예: VARCHAR(50)은 최대 50자까지 저장 가능하지만, 실제 사용된 길이에 따라 저장됩니다.TEXT: 매우 긴 문자열을 저장할 때 사용합니다. 특정 길이에 제한이 없으며, 대량의 텍스트 데.. 이전 1 2 3 4 5 6 7 ··· 24 다음
