chez Manon

자바스크립트로 태그 선택하기 메소드 의미 결과 document.getElementById('id') html id 속성으로 태그 선택 id에 해당하는 태그하나 document.getElementByClassName('class') html class 속성으로 태그 선택 class에 해당하는 tag document.getElementByTagName('tag') html tag name으로 태그 선택 tag에 해당하는 태그모음 document.querySelector('css') css선택자로 태그 선택 css선택자에 해당하는 태그 중 첫번째 태그 document.querySelectorAll('css') css선택자로 태그 선택 css선택자에 해당하는 태그 모음 getElementById > id로 태그..

ORM ( Object Relational Mapping ) : 데이터 하나를 하나의 객체로 생각 : table, column, data를 클래스(객체)의 특성과 연관지어 사고하는 패러다임 : db에 쿼리 직접 날리지않고, ORM이 다른언어로 작성된 코드를 쿼리문(mysql)으로 번역하여 db에 명령 column 데이터들이 가지는 속성 jsx class Pet { constructor(name, owner, age){ this.name = name; this.owner = owner; this.age = age; } } //pet이라는 클래스에 name,owner,age라는 attributes가 속해있다고 이해 Migration 코드로 작성한 클래스를 실제 db에 테이블로 옮기는 과정 모델생성> ORM이..

C.R.U.D CRUD = Create + Read + Update + Delete 데이터의 생성, 조회, 수정, 삭제 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create, Read, Update, Delete를 묶어서 말하는 것이다. DB SQL문과 대응된다. Create-Insert / Read-Select / Update-Update / Delete-Delete Prisma Client prisma로 연결되어 있는 db의 table들을 쉽게 접근할 수 있게 해주는 client역할. prisma.schema 파일에서 정의한 table,col 이름을 직접 사용할 수 있게 함. 설치 npm install @prisma/client --save prisma generate : prisma...

MYSQL시작 sql접속 mysql -u root -p database 생성 create database dataname; 현재 sql에 저장되어있는 데이터베이스 보기 show databases; db접근 use dataname; table보기 show tables; table 정보 desc tablename; table 생성 CREATE TABLE artists ( id INT NOT NULL AUTO_INCREMENT, # id 칼럼 정수 / NULL X / 값 자동증가 name VARCHAR(100) NOT NULL, # name 칼럼 100크기 문자열 PRIMARY KEY (id) # 이 테이블 Primary Key = id 로 설정 ); # 쿼리문은 ; 로 구분되기 때문에 엔터를 쳐서 쿼리문을 ..

Database 일정한 체계 속에 저장된 데이터의 집합 ↔ memory (app에서는 데이터가 메모리 상에서 존재, 보존되지않음 (휘발성), but 빠름) > table이라는 단위로 저장 ( 표 형태로 저장된 데이터의 집합 ) 파일로 저장가능하지만 데이터의 접근 및 관리 위해 db에 저장 관계형(RDBMS) / 비관계형(Non-realational / NoSQL) 더보기 > DBMS ( DataBase Management System ) : 데이터베이스 관리 시스템 (사용자가 입력한 SQL을 해석해서 db작업 수행) SQL (Structured Query Language) : DBMS에 명령을 내리기위해 사용하는 언어 더보기 정리하면 현재 SQL은 공인된 국제 표준이 있습니다. 하지만 우리가 실제로 사용..

Express Node.js 환경의 서버 프로그램을 만들 때 사용하는 프레임워크 더보기 web server : 화면을 이루는데 필요한 코드, 이미지 등을 res에 담아서줌 API server : 요청한 작업을 처리하고 처리한 결과를 response의 body에 json형식으로 담음 (API application programming interface : a piece of software that can be used by another piece of software) routing : 클라이언트의 요청에 대해 서버가 url보고 분기하여 처리 npm init : 현재 디렉토리를 패키지로 만듬 port number : 서버 안에서 실행되는 여러 프로그램들 중 특정 프로그램을 식별 할 수 있게 해주는 번호..

[ 네트워크 기초 ] Protocol (프로토콜) : 클라이언트와 서버가 서로 통신하기 위해 사용하는 규약 ( 클-서 요청 응답 주고받을때 항상 필요) : (약속, 규약) http라는 코어모듈은 클아이너트와 서버간의 통신규약 / 프로토콜 https는 http보다 좀더 안전(secure) / http, https, ssh, pop3 등 Port번호 : 클라이언트가 서버에 요청을 보내려고 할 때, 서버에서 실행되고 있는 여러 프로그램 중 어느 프로그램과 통신할 것인지를 나타내기 위해 지정하는 번호 ( 기본 포트 번호 http 80 / https 443 ) 특수 IP 127.0.0.1 = localhost : 외부의 다른 컴퓨터 아니라 컴퓨터 자기 자신을 나타내는 주소 개발자들이 자신이 만든서버 프로그램 테스..

비동기 실행 : 특정 작업이 완료되었을 때 실행할 콜백을 등록해두고 바로 다음 코드로 실행을 넘기는 것 ( 이전 작업의 마무리 여부에 상관없이 그 다음 일을 처리하는 작업 방식 ) > 비동기 실행의 장점 : '동기 실행'에 비해 '비동기 실행'이 훨씬 더 빠름 > 프로그램의 실행 흐름 Process 프로세스 : 하나의 실행 흐름 Thread 스레드 : 그 안에있는 더 작은 단위의 실행흐름 더보기 ex) chrome 실행 ( 더블클릭 > 실행) hard-disk나 SSD에 저장되있던 프로그램 > memory에 올려서 > CPU(central Processing Unit)실행 하나의 크롬 '프로세스'생성 > 그 안에 하나의 '스레드'가 실행 중 상태 영화다운 (스레드-1) / 음악재생 (스레드-2) / 구글..

Node.js 자바스크립트의 실행환경 > Node.jsⓇ는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임* > 서버* 어플리케이션을 실행하는 데 제일 많이 사용 > 이벤트 기반*으로 동작 (이벤트 발생할 때 미리 지정해둔 작업을 수행하는 방식) [참고] 런타임 : 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 (자바스크립트 실행기) 기존에는 js를 웹 브라우저 위에서만 실행가능 서버 : 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램. ex) 주소창에 사이트 주소 입력(요청) > 브라우저는 컴퓨터로부터 웹사이트 페이지 받아와서 요청자의 브라우저(클아이언트)에 띄움(응답) 이벤트 기반 : 특정 이벤트가 발생할 때 무엇을 할지 미리 등록 ( ..

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요. num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부) ex) num = 123 return false => 뒤집은 모양이 321 이기 때문 num = 1221 return true => 뒤집은 모양이 1221 이기 때문 num = -121 return false => 뒤집은 모양이 121- 이기 때문 num = 10 return false => 뒤집은 모양이 01 이기 때문 const sameReverse = num => { let str = String(num).split('').reverse().join(''); if(num === str){ return true; }els..