회원가입 폼 태그 (HTML)text : 일반 텍스트를 입력받음password : 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 함submit : 태그 내에 입력된 데이터를 서버로 전달 함button : 버튼을 생성해 줌checkbox : 체크박스 형태의 입력을 받을 수 있음radio : 라디오 버튼 형태의 입력을 받을 수 있음reset : 태그 안의 사용자 입력을 초기화 함 mysql DB만들때 Seq INT NOT NULL AUTO_INCREMENTseq로 컬럼의 이름을 입력하고 데이터 타입은 INT NOT NULL 로 중복이 불가능한 숫자형하고 AUTO_INCREMENT 로 자동 증가를 설정  PRIMARY KEY(seq)    -------->  seq 를 기본키로..

크롤링 : 웹 페이지를 그대로 가져와서 거기서 데이터를 추출해 내는 행위 Selenium : Selenium은 주로 웹앱을 테스트하는데 이용하는 프레임워크 webdriver라는 API를 통해 운영체제에 설치된 Chrome등의 브라우저를 제어 함 셀레늄 웹 드라이버(Selenium WebDriver)는 다양한 웹 브라우저와 다양한 운영 체제에서 시작된 웹 페이지를 테스트할 수 있는 웹 기반 자동화 테스트 프레임워크 크롤링 환경 구축 ■ Selenium 패키지 설치 pip install selenium 참고: Selenium의 버전은 자주 업데이트 되고, 브라우저의 업데이트 마다 새로운 Driver를 잡아주기 때문에 항상 최신버전을 깔아 주는 것이 좋다. ■ Web Driver WebDriver는 Selen..

(CSS를 다루면서 암기할  내용을 기록하는 공간) 전체 웹 페이지의 margin과 padding값 지정 * { margin: 0; padding: 0;} https://www.daleseo.com/css-position/position : relative;   (부모 지정)position : absolute;   (자식 지정) -> 자식요소는 부모요소 밖으로 못 나감 ▣  흰색 - 부모 / 검은색 - 자식 opacity : 0;   ( 0 = 투명 / 0~1사이의 값 입력 가능 / 1 = 불투명 )inherit :   ;  ( 부모 요소의 속성값을 상속 받음 )  text-align: center;    () align-items: center;    ()     grid ( 그리드 ) di..

실습 환경 - Visual Studio Code - Node.js - (18.14.0) - MySQL - (8.0.32) Node.js란? Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼 ( Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임) 고성능 네트워크 서버 단일 쓰레드(Single Thread) 이벤트 루프(Event Loop) 기반 // 높은 처리 성능 비동기 I/O 처리(Non-Blocking I/O) // 서버 무리 적음 자바스크립트 // 서버단 로직 처리 가능 개발 생산성 향상 방대한 모듈 제공(NPM) 이벤트 기반 비동기방식이라 서버단 로직이 복잡한 경우 콜백함수의 늪에 빠질 수..

(JS를 공부하며 암기할 부분을 기록한 글)■  JavaScript 란?: 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다. 줄여서 JS라고 합니다 HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, JS로는 웹의 동작을 구현할 수 있습니다 JS는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용 가능합니다( 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다)  ■  JS와 JAVA 차이점? ■  JS 문법 ■  변수 선언 ▷ var : 변수를 재선언 할 수 있는 치명적인 단점이 존재 함 var name = 'bathingape' console..

id 속성은 태그에 유일한 이름을 붙이고 싶을 때 class 속성은 같은 유형으로 반복되는 태그들을 유형별로 분류하고 싶을 때 id 속성은 전체 페이지에서 단 하나의 요소에만 지정이 가능 (중복 x) class로 반복적으로 쓰이는 유형들을 유형별로 분류 (중복 o) ■ 태그는 HTML 문서에서 특정 영역(division)이나 구획(section)을 정의할 때 사용 HTML 코드들을 하나의 덩어리로 묶기, CSS로 스타일 변경, JavaScript 로 특정 작업 수행을 위한 컨테이너(container)로 자주 사용된다 또한, CSS와 함께 웹 페이지의 레이아웃(layout)을 설정하는데도 종종 사용된다 구역1 구역2 출력: ■ 태그는 텍스트(text)의 특정 영역을..