웹 공부중... 내 코딩 정리노트

사용할 폰트 설정해두기 아래는 예시 /* 넥슨고딕 Lv1 */ @font-face { font-family: 'NexonLv1Gothic'; font-weight: 300; font-style: normal; src: url(''); src: url('') format('embedded-opentype'), url('') format('woff2'), url('') format('woff'), url('') format("truetype"); font-display: swap; } @font-face { font-family: 'NexonLv1Gothic'; font-weight: 400; font-style: normal; src: url(''); src: url('') format('embedded-..

'웹 브라우저'마다 default 값이 달라서 스타일이 다르게 적용되기 때문에 동일한 css 적용을 위해 default 값 초기화 @charset "UTF-8"; /* 여백 초기화 */ body, div, dl, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button, figure, figcaption { margin: 0; padding: 0; box-sizing: border-box; } /* 시멘틱 태그 초기화 */ article, aside, details, figcaption, figure, footer, header, ..

*클리어 픽스 *ir 효과 *컨테이너 설정 *간격 세팅 @charset "UTF-8"; /* 클리어 픽스 */ - flot로 영역 깨짐 방지 .clearfix { zoom: 1; } .clearfix::before, .clearfix::after { content: ''; display: block; } .clearfix::after { clear: both; } /* ir 효과 */ - 웹표준 준수를 위한 설정 /* 의미있는 이미지의 대체 텍스트를 제공하는 경우 */ .ir_pm { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; } /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트..

*컴포넌트(Component)란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 뜻한다 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있습니다. 1.기본 //기본 import React from "react"; function Main(){ return ( WE PROVIDE VISUAL CODING SOLUTIONS FOR YOU WEBS ) } export default Main; 2.함수로 불러오기 //함수로 불러오기 import React from "react"; function MainCont(){ return ( WE PROVIDE VISUAL CODING SOLUTIONS FOR YOU WEBS ) } function Main()..

서버 : 닷홈 서버 파일 관리: 파일질라 p-simple 설치 F1키 ftp-simple : c 입력 아래와 같은 형식으로 입력 F1키 아래와 같은 순으로 들어감 새로운 화면 뜨면 성공 (아래는 이미 폴더랑 파일 만들어둔 것) 파일 삭제 파일질라, vscode 둘다 할 것 작성 파일 확인 내 도메인/(작성폴더:없으면 바로 문서)/문서이름.확장자 wwuu12366.dothome.co.kr/php/connect/connect.php F1키 ftp-simple : c 입력 아래와 같은 형식으로 입력 F1키 아래와 같은 순으로 들어감 새로운 화면 뜨면 성공 (아래는 이미 폴더랑 파일 만들어둔 것) 파일 삭제 파일질라, vscode 둘다 할 것 작성 파일 확인 내 도메인/(작성폴더:없으면 바로 문서)/문서이름.확..

깃(Git /ɡɪt/)은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. _위키백과 1.git을 설치 2.터미널 열기:업로드할 파일가서 “우클릭 - Git Bash” 3.세팅(초기 설정) git config --global user.name "______" git config --global user.email "______" git --version // 버전확인 : 설치 확인 //user.name과 user.email 입력되었는 지 확인 저장소 업로드 셋팅 1.//깃허브에 ‘저장소’ 만들기 / (커멘드 라인이라고 적혀 있음) 2.//git 저장소 생성 : git 사용 준비 *숨김파일로 .git폴더 생성됐는 자 확인하기 git ..

vscode 확장 기능 설치 ES7 React/Redux/GraphQL/React Native-snippets node Node.js 설치 (터미널 열고[ctrl+`] 명령어 입력) node 설치 확인 : 설치 되면 버전이 뜬다 node --version npm --version 설치 npx create-react-app ./ npx create-react-app react2022(파일명) 이게 뜨면 성공 리액트 시작하기 npm start 파일 경로 설정 후 npm start 예시) 리액트 ‘작성’하여 적용된 모습이다 이렇게 브라우저가 뜬다 셋팅 파일 아래만 남기기 .gitignore # See for more about ignoring files. # dependencies /node_modules #..

집계 함수 CREATE TABLE myRecode( recodeID int(10) unsigned auto_increment, memberID int(10) unsigned, javascript tinyint NOT NULL, html tinyint NOT NULL, css tinyint NOT NULL, mysql tinyint NOT NULL, react tinyint NOT NULL, PRIMARY KEY (recodeID) ) charset=utf8; INSERT INTO myRecode(memberID, javascript, html, css, mysql, react) VALUES(1, 50, 30, 40, 30, 10); INSERT INTO myRecode(memberID, javascrip..

테이블 합치기 CREATE TABLE myMember ( memberID int(10) unsigned auto_increment, youEmail varchar(40) NOT NULL, youName varchar(20) NOT NULL, youPass varchar(20) NOT NULL, youBirth int(20) NOT NULL, youAge int(20) NOT NULL, youPhone int(20) NOT NULL, regTime int(11) NOT NULL, PRIMARY KEY (memberID) ) charset=utf8; CREATE TABLE myReview ( reviewID int(10) unsigned auto_increment, memberID int(10) unsign..