코낭

C드라이브 밑에 youtupia라는 폴더명으로 리액트 파일을 생성하였다.프로젝트 생성은https://velog.io/@kiyoog02/React-%EA%B8%B0%EC%B4%88-1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83

로컬파일을 깃허브에 연결해보자.https://redcow77.tistory.com/438먼저 깃허브에서 브랜치를 생성해준다.생성할 브랜치 이름을 yoon으로 지정해주고 하단의 create branch yoon from 'main'을 클릭한다.https&#x3A

브랜치 조회를 해보니 이상한게 있다. 삭제해야겠다.브랜치를 생성해보자.로컬과 원격저장소 연결이 끊겨서 올려지지 않는다.예상 깃허브 연결방법: 깃허브 레파지토리 생성 -> 로컬환경에 해당 레파지토리 클론 -> 브랜치 생성 ->참고1 https://justmake

이전까지 계속 깃연결이 되지 않아 협업에 난항을 겪고 있었다. 참고 자료들을 활용하여 똑같이 따라해보았지만 잘 되지 않았다. 이유를 계속 찾던중 git bash 연결이 나의 계정으로 되어있지 않고 이전에 작업하던 코비팀 계정인 teamcobee로 연결되어 있던걸 알았다

웹 브라우저에서 간단한 연산을 하거나 시각적인 효과를 주는 단순한 스크립트 언어에 불과했지만, 현재는 웹 어플리케이션에서 가장 핵심적인 역할을 한다.영역을 확장하여 서버 사이드뿐만 아니라 모바일, 데스크톱 애플리케이션에서도 엄청나게 활약중이다.슬랙 아톰, VS Code

React, MySQL, Node.js를 이요하여 사용 중인 MySQL에서 원하는 데이터를 가져와 보도록 하자.root폴더에 server폴더를 만들고 그 안에 server.js파일을 만든다.server.js 파일은 node.js이기 때문에 작업할 때 수정돼서 확인하려면

DOM(Document Object Model)은 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성한다.웹 브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용한다.트리 형태특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입할 수 있다.

첫 리액트 프로젝트 Node.js / npm, yarn 설치하기 -> 코드 에디터 설치하기 -> Git 설치하기\-> create-react-app으로 프로젝트 만들기리액트 프로젝트를 만들 때는 Node.js를 반드시 설치해야한다.Node.js는 크롬 V8 자바스크립

컴포넌트에 여러 요소가 있다면 반드시 부모 요소 하나로 감싸야 한다.리액트 컴포넌트에서 요소 여러 개를 왜 하나의 요소로 꼭 감싸 주어야 할까?Virtual DOM에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수 있도록 컴포넌트 내부는 하나의 DOM 트리 구조로

함수 컴포넌트와 클래스형 컴포넌트의 차이점클래스형 컴포넌트는 state 기능 및 라이프 사이클 기능을 사용할 수 있다.클래스형 컴포넌트는 임의 메서드를 정의할 수 있다.클래스형 컴포넌트에서는 render 함수가 꼭 있어야 하고 그 안에 보여 주어야 할 JSX를 반환해야

propType를 지정할 때 뒤에 isRequired를 붙여주면 경고 메시지를 띄워준다.

3.4.1.1 state 객체 안에 여러 값이 있을 때 state 객체 안에는 여러 값이 있을 수 있다.

리액트 16.8 이전 버전에서는 함수 컴포넌트에서 state를 사용할 수 없었다. 하지만 16.8 이후부터는 useState라는 함수를 사용하여 함수 컴포넌트에서도 state를 사용할 수 있게 되었다.이 과정에서 Hooks라는 것을 사용하게 되었다.배열 비구조화 할당:

사용자가 웹 브라우저에서 DOM요소들과 상호 작용하는 것을 이벤트라고 한다. 버튼에 마우스 커서를 올리는 이벤트 : onmouseover 클릭 이벤트 : onclick form 요소 값이 바뀔 때 이벤트 : onchange 버튼을 누르면 alert 함수를 사용하여 메

4.1.1 절의 주의 사항에서 "이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달한다."라고 배웠다. 구롷가애 아밴투룰

일반 HTML에서 DOM요소에 이름을 달 때는 id를 사용한다.▶ DOM 요소의 id특정 DOM요소에 어떤 작업을 해야 할 때 요소에 id를 달면 CSS에서 특정 id에 특정 스타일을 적용하거나 자바스크립트에서 해당 id를 가진 요소를 찾아서 작업할 수 있다.HTML에

5.3.3 컴포넌트에 메서드 생성 컴포넌트에 스크롤바를 맨 아래쪽으로 내리는 메서드를 만들것이다.

Django를 다룰줄 아는사람은 Flask도 잘 다룬다. Flask를 잘 다룰줄 알면 Django도 어렵지 않게 다룬다.Django - Full-stack FrameworkFlask - Micro Framework (Django Rest Framework와 같음)fla

리액트에서 key는 컴포넌트 배열을 렌더링했을 때 어떤 원소에 변동이 있었는지 알아내려고 사용한다.key가 없을 때는 Virtual DOM을 비교하는 과정에서 리스트를 순차적으로 비교하면서 변화를 감지하지만 key가 있다면 이 값을 사용하여 어떤 변화가 일어났는지 더욱

컴퓨터 외 세상의 모든 사물이 네트워크로 연결되어 있다.네트워크와 웹서비스는 무슨 관계일까.pc, 클라이언트, 클라우드, 모바일 등 모든 것이 연결되어 있다.device들에는 기본 브라우저가 존재 -> 이 모든 것이 클라이언트이다.브라우저를 통해서 특정한 사이트에 들어

2강_Django설치 및 프로젝트 생성

mac 환경에 장고 설치 및 환경세팅 ![](https://velog.velcdn.com/images/jeong_yooony/post/1b34f92d-d

참고자료https://gcamp.tistory.com/577\-> 관리자페이지 접속 완료\-> admin에 코드를 추가하여 관리자 페이지에 해당테이블이 반영되게 한다.\-> db에 반영해준다.\-> 수정 후 관리자페이지 화면 \-> 새 데이터 추가\-> 추가된

redirection: db에서 일어난 일은 바로 사용자에서 보여지는 것이 아니라 redirection을 통한 응답을 통해 보여진다.

06강_학사관리프로그램 만들기-II pjt/sProject/studentsProject/urls.py pjt/sProject/students/urls.py pjt/sProject/students/views.py pjt/sProject/students/templates/students/registerStudents.h

07강_학사관리프로그램 만들기-III pjt/sProject/students/urls.py pjt/sProject/students/views.py pjt/sProject/students/templates/students/detailStudent.html pjt/sProject/students/templates/st

RDBMS (relational database management system)데이터베이스한곳에 저장된 정보들을 원하는 어떤 곳에서든 사용할 수 있는 것특정 소프트웨어나 프로그램에 종속되지 않고 독립된 정보의 집합 or 저장소DBMS: DB + 정보를 집어넣고 원하는

\+, -, \*, / : 각각 더하기, 빼기, 곱하기, 나누기%, MOD : 나머지IS: 양쪽이 모두 TRUE 또는 FALSEIS NOT: 한쪽은 TRUE, 한쪽은 FALSEAND, &&: 양쪽이 모두 TRUE일 때만 TRUEOR, ||: 한쪽은 TRUE면 TRUE=

ROUND: 반올림CEIL: 올림FLOOR: 내림ABS 절대값GREATEST: (괄호 안에서) 가장 큰 값LEAST: (괄호 안에서) 가장 작은 값MAX: 가장 큰 값MIN:가장 작은 값COUNT: 갯수 (NULL값 제외)SUM: 총합AVG: 평균 값POW(A, B),

1-4. 시간/날짜 관련 및 기타 함수들 1. 시간/날짜 관련 함수들 CURRENT_DATE, CURDATE: 현재 날짜 반환 CURRENT_TIME, CURTIME: 현재 시간 반환 CURRENT_TIMESTAMP, NOW: 현재 시간과 날짜 반환 DATE: 문자

1-3 복습 - 💡 그룹 함수⭐ NULL값은 집계하지 않습니다.MAX: 가장 큰 값MIN: 가장 작은 값COUNT: 갯수 (NULL값 제외)SUM: 총합AVG: 평균 값💡 여러 컬럼을 기준으로 그룹화할 수도 있습니다.💡 WITH ROLLUP - 전체의 집계값위의

~ ALL 서브쿼리의 모든 결과에 대해 ~하다~ ANY 서브쿼리의 하나 이상의 결과에 대해 ~하다

양쪽 모두에 값이 있는 행(NOT NULL) 반환'INNER '는 선택사항💡 여러 테이블을 JOIN할 수 있습니다.💡 JOIN한 테이블 GROUP하기반대쪽에 데이터가 있든 없든(NULL), 선택된 방향에 있으면 출력 - 행 수 결정'OUTER '는 선택사항조건 없이

UNION: 중복을 제거한 집합UNION ALL: 중복을 제거하지 않은 집합

🐬 다운로드 사이트 바로가기 ▶️https://change-words.tistory.com/entry/macOS-MySQL-Workbenchintel칩은 x86, M2는 ARM을 설치하면 된다.MySQL Community 다운로드 링크 클릭MySQL Comm

3-2. 테이블 만들고 데이터 입력하기 1. 테이블 생성/수정/삭제 CREATE TABLE - 테이블 만들기 ALTER TABLE - 테이블 변경 DROP TABLE - 테이블 삭제 2. INSERT INTO - 데이터 삽입 3. 테이블 생성시 제약 넣기 A

TINYINT 1 -128 ~ 127 0 ~ 255SMALLINT 2 -32,768 ~ 32,767 0 ~ 65,535MEDIUMINT 3 -8,388,608 ~ 8,388,607 0 ~ 16,777,215INT 4 -2,147,483,648 ~ 2,147,483,64

⭐ Preferences > SQL Editor > Safe Updates 항목 체크오프하고 다시 접속행들만 삭제한다.테이블 자체를 초기화한다.

1장. 데이터 모델링 데이터 모델링의 중요성 및 유의점 중복: 같은 시간 같은 데이터 제공 비유연성 사소한 업무변화에 데이터 모델이 수시로 변경되면 안됨. 데이터 정의를 사용 프로세스와 분리 비일관성: 데이터 간 상호 연관 관계에 대해 명확히 정의해야 한다.

1과목 데이터 모델링의 이해 2장. 데이터 모델과 성능 성능 데이터 모델링 DB 성능향상을 목적으로 설계단계의 데이터 모델링 때부터 정규화, 반정규화, 테이블 통합, 테이블분할, 조인구조, PK, FK 등 여러가지 성능과 관련된 사하이 데이터 모델링에 반영될 수 있도록

1과목 데이터 모델링의 이해 제1장 데이터 모델링의 이해 1. 답변) 2 정답) 2 2. 답변) 3 정답) 3 3. 답변) 2 정답) 3 4. ![](https://velog.velcdn.com/images/jeong_yooony/post/8378df0d-6