fullstack-study

HTML/CSS / 회원가입제작 HTML 명령어 (태그)HTML은 웹 문서의 구조를 정의하는 태그들로 구성됩니다.1. 문서 구조: HTML 문서의 타입을 선언합니다.: HTML 문서의 루트 요소.: 문서의 메타데이터(예: 제목, 스타일, 스크립트)를 포함하는 부분.: 브라우저 탭에 표시될 문서 제목.: 문서의 내용이 위치하는 곳.2. 텍스트 요소 ~ : 제목 태그, 숫자가 작을수록 큰 제목.: 단락(문단)을 나타냄.: 하이퍼링크를 생성. href 속성에 URL 지정.: 굵은 텍스트(중요한 내용).: 기울임 텍스트(강조).: 줄바꿈.3. 리스트: 순서 없는 리스트(점).: 순서 있는 리스트(숫자).: 리스트 항목.4. 폼 요소: 사용자가 데이터를 입력하고 서버에 제출하는 폼.: 텍스트 입력 필드.: 비밀번..

포스트맨 postman Postman이란? Postman은 API 개발 및 테스트를 위한 강력한 도구로, 개발자들이 API를 쉽게 호출하고 응답을 확인하며, 다양한 HTTP 요청을 전송하고 테스트할 수 있게 해줍니다. Postman을 사용하면 복잡한 API 요청을 간단히 생성하고, 다양한 데이터 포맷과 인증 방식을 지원하여 API 테스트를 효율적으로 수행할 수 있습니다. HTTP 요청 보내기: GET, POST, PUT, DELETE 등 다양한 HTTP 메서드를 사용하여 API 요청을 전송할 수 있습니다.쿼리 파라미터, 헤더, 본문 설정: 요청에 필요한 쿼리 파라미터, HTTP 헤더, 요청 본문을 설정할 수 있습니다.환경 변수 관리: 환경 변수를 사용하여 개발, 스테이징, 프로덕션 등 다양한 환경에 맞는..

git , github , github.io ,  Netlify   #  git 다운로드  https://git-scm.com/downloads Git - DownloadsDownloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific expgit-scm.com      긍정적으로 다음  하세요   # GitHub 계정 h..

Set , Map , yield # Set  Set은 JavaScript의 내장 객체 중 하나로, 중복되지 않은 값을 저장할 수 있는 자료구조입니다. Set 객체는 배열과 비슷하지만, 배열과 달리 동일한 값을 중복해서 가질 수 없습니다. 따라서, Set을 사용하면 중복된 값을 자동으로 제거할 수 있습니다.Set의 주요 특징중복 허용하지 않음: Set에 동일한 값을 추가하려고 하면, 자동으로 무시됩니다.순서가 있음: Set에 추가된 값들은 삽입된 순서대로 저장됩니다.유일한 값: Set은 원시 값 또는 객체 참조를 유일하게 저장합니다.  설명mdnSet Set 객체는 값의 컬렉션입니다. Set의 값은 한 번만 나타날 수 있으며, Set의 컬렉션에서는 고유한 값 mdn add(value) 같은 값인 요소가 ..

테이블 생성, 데이터 추가, 데이터 조회  테이블 생성: CREATE TABLE로 테이블 구조 정의데이터 추가: INSERT INTO로 데이터를 삽입데이터 조회: SELECT로 테이블 데이터를 확인 # 테이블 생성 문법 CREATE TABLE table_name ( column1 datatype [constraints], column2 datatype [constraints], ...); 테이블명 규칙 1. 알파벳과 숫자, 언더스코어(_) 사용:테이블명은 알파벳(a-z, A-Z), 숫자(0-9), 언더스코어(_)만을 사용할 수 있습니다.테이블명은 알파벳 또는 언더스코어로 시작해야 하며 숫자로 시작할 수 없습니다.2. 대소문자 구분:MySQL은 기본적으로 테이블명에서 대소문자를 구분합니다...

데이터베이스 , 데이터형 , 제약조건  https://survey.stackoverflow.co/2023/#technology Stack Overflow Developer Survey 2023In May 2023 over 90,000 developers responded to our annual survey about how they learn and level up, which tools they're using, and which ones they want.survey.stackoverflow.co     정리다음은 MySQL의 DML, DCL, DDL 명령어를 표로 정리한 내용입니다:유형풀 네임기능주요 명령어유형설명종류DML데이터를 조회, 삽입, 수정, 삭제하는 작업SELECT, INSERT, UP..

MySQL 설치(Windows)    MySQL 사이트https://dev.mysql.com/downloads/ MySQL :: MySQL Community DownloadsThe world's most popular open source database Contact MySQL  |  Login  |  Registerdev.mysql.com  1,  승인 2. 설치 MySQL Installer for Windows    3. 설치 사이트 https://dev.mysql.com/downloads/installer/ MySQL :: Download MySQL InstallerNote: MySQL 8.0 is the final series with MySQL Installer. As of MySQL 8.1,..

class 클래스  클래스 원리this , 메소드접근제어자상속super오버로딩, 오버라이딩gtter , stter static 클래스, 객체     자바프로그램은 클래스로부터 객체를 생성하여 프로그램을 작성합니다.객체를 생성하기 위해서는 클래스를 작성하여야 합니다.    # 클래스 구성 클래스는 멤버변수, 생성자, 메서드 3가지 요소로 구성 [접근 제어자] class 클래스명 { // 필드 [접근 제어자] 데이터 타입 필드명; // 생성자 [접근 제어자] 클래스명(매개변수들) { // 생성자 코드 } // 메소드 [접근 제어자] 반환 타입 메소드명(매개변수들) { // 메소드 코드 }}  # 접근 제어자 접근 제어자는 클래스, 메소드, ..

react-toastify 알림 메시지  react-toastify는 React 애플리케이션에서 사용자에게 간단하게 알림 메시지를 표시할 수 있게 해주는 라이브러리입니다.      https://www.npmjs.com/package/react-toastify react-toastifyReact notification made easy. Latest version: 10.0.5, last published: 2 months ago. Start using react-toastify in your project by running `npm i react-toastify`. There are 2436 other projects in the npm registry using react-toastify.www.n..

반응형 디자인   웹디자인에서 사용되는 그리드 시스템은 다양한 종류가 있으며, 각기 다른 목적과 디자인 스타일에 맞게 사용됩니다. # 그리드 종류 1. 단일 컬럼 그리드 (Single Column Grid)단일 컬럼 그리드는 가장 기본적인 그리드 형태로, 하나의 컬럼으로 구성됩니다. 주로 블로그 포스트, 기사, 또는 단순한 레이아웃에 사용됩니다.예시: 블로그 포스트 페이지2. 다중 컬럼 그리드 (Multi-Column Grid)다중 컬럼 그리드는 여러 개의 컬럼으로 구성되며, 텍스트와 이미지를 균형 있게 배치하는 데 사용됩니다. 주로 잡지 레이아웃이나 복잡한 텍스트 기반 레이아웃에 사용됩니다.예시: 온라인 잡지, 뉴스 웹사이트3. 모듈 그리드 (Modular Grid)모듈 그리드는 수평 및 수직 가이드로..