본문 바로가기

전체 글358

JavaScript (대화상자, 연산자, 제어문, 반복문) ✔ 자바스크립트 대화상자 - alert() //비표준은 내 화면에서만 보이고 다른 사용자에게 안보이는 경우도 있다 사용자에게 메시지를 보여주고, 확인을 기다림 BOM(Browser Object Model) window.alert() alert(); - confirm() 사용자에게 메시지를 보여주고, 확인이나 취소를 누르면 그 결과를 불린값으로 반환(선택창이 2개로 보이는 - 반응형) const result = confirm('확인이나 취소를 누르세요) - prompt() 사용자에게 메시지를 보여주고, 사용자가 입력한 문자열을 반환 // 자바에서의 scanner 역할과 유사하다 ❗ 입력받은 값은 문자형으로 저장된다 const result = prompt('문자를 입력하세요'); ✔ 대화상자 DOCTYPE .. 2022. 11. 4.
JavaScript (기본, 변수, 데이터타입) ✔ JAvaScript 들어가기 전 최초의 브라우저(인터넷상에서 웹에 연결시켜 주는 윈도 기반의 소프트웨어) : 모자이크 Netscape - 네비게이터 브라우저 - 브랜드 아이크(Brendan Eich) 영입 - 10일만에 모카라는 언어로 네비게이커에 적용(인터프리터) 모카 -> 라이브 스크립트 -> 자바스크립트 java ---> compiler ---> object JAvaScript ---> interpriter jQuery - 과거 브라우저 및 특정 브라우저 버전등을 모두 사용할 수 있도록 하는 라이브러리 - jQuery 문법을 공부해야 하는 단점 V8 자바스크립트 엔진 - 2008년 구글에서 크롬의 베타 버전과 함께 v8엔진 소개 ECMA - 스크립트를 표준화(ECMA International에 .. 2022. 11. 4.
Github 기본 사용법 git diff Working Directory와 Staging Area 사이의 차이를 확인하기 위한 명령어 깃허브(git hub) - https://github.com/ - git으로 버전 관리한 코드를 업로드 할 수 있는 클라우드 서비스 - 단순히 저장만 하는 것이 아니라 유저들과 함께 코드를 공유하고 온라인으로 하나의 프로젝트를 개발할 수 있게 해줌 깃과 유사한 사이트 https://bitbucket.org/ https://about.gitlab.com/ ✔ README.md - 깃허브 업로드시 프로젝트 메인 설명글로 사용 - 마크다운 문법으로 작성된 파일 ✔ 마크다운 - 텍스트 기반의 경량 마크업 언어 - 일반 텍스트로 서식이 있는 문서를 작성하는데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고.. 2022. 11. 2.
Git(버전관리, Cmder, 다운로드, 기본) Git - 버전관리 시스템의 종류 ✔ 버전관리 여러 파일을 하나의 버전으로 묶어 관리하는 것 버전관리 시스템의 종류 1. 클라이언트 - 서버 모델 - 하나의 중앙 서버로 여러 클라이언트들이 각자 필요한 것만 가져와서 작업을 하고 다시 중앙 서버로 통합하는 방식 - CVS, SVN 2. 분산 모델 - 하나의 중앙 서버가 존재하지만 여러 클라이언트들은 각자의 컴퓨터 저장소애 전체 사본을 가지고 작업하는 방식 - Git Git download https://git-scm.com/download/win Git 버전확인 git bash실행 -> git --version git version 2.38.1.windows.1 윈도우용 터미널 프로그램 https://cmder.app/ -> 미니버전 Referevce 참.. 2022. 11. 2.
JDBC 학생 성적 관리 프로그램 최종 ✔문제. c/s 환경에서 아래와 같이 프로그램을 만들어보자. 1. 학생 정보 입력 학번 이름 연락처 이메일 주소 2. 학생 리스트 학생의 점수 평균을 기준으로 내림차순 하여 출력, 학생 석차와 등록된 학생의 수도 출력하시오 점수가 없으면 미 출력해도 괜찮으며 학생의 점수 합계 및 평균까지 학생의 점수가 있으면 점수까지 출력 3. 학생 정보 수정(학생 아이디를 사용하요) 4. 학생 정보 삭제(학생 아이디를 사용하요) 학생 정보 삭제 시 점수 존재하면 점수도 삭제 5. 학생 정보 검색(학생 아이디를 사용하요) 6. 학생 점수 등록 7. 학생 점수 수정 8. 학생 점수 삭제 -------------------------------------------------------------- MySQL - 테이블 2.. 2022. 11. 1.
CSS 홈페이지 틀 만들기(휴대폰, 태블릿, 컴퓨터) ✔ 솔로의 식탁 HTML DOCTYPE html> 솔로의 식탁 솔로의 식탁 밥/죽 셀러드 반찬 일품요리 음료.칵테일 솔로의 식탁 ✔ 솔로의 식탁 CSS 휴대폰, 태블릿, 컴퓨터 크기에 따라 설정 @font-face { font-family: 'Y_Spotlight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/Y_Spotlight.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'Y_Spotlight';} #container{ width: 100%; margin: 0 auto; } nav { height: 50px;.. 2022. 11. 1.
CSS (transform, animation, transition) CSS 2D transform 2차원 좌표에서 요소를 변형시키는 속성 이동, 확대, 축소, 회전, 경사등을 만들 수 있음 translate : 이동 rotate : 회전 scale : 확대, 축소 skew : 경사(약간 꼬거나 틀기) DOCTYPE html> transform p{ width: 600px; padding: 20px; border: 3px solid rgba(0,0,0,0.5 ); } #translate { transform: translate(30px, 50px); /*이동에 관한 것- > x,y*/ background-color: deeppink; } #rotate { transform: rotate(60deg); /*~도 회전하는 기능 - deg*/ background-color: g.. 2022. 10. 31.
CSS( 미디어쿼리, em, rem) ✔ 미디어쿼리 미디어 쿼리(media query) - 특정 속성이 적용되는 범위가 변경되었을 때 컨텐츠를 별도록 변경하지 않아도 알맞는 형태로 스타일을 조절 @media 매체유형 and(속성에 대한 조건){ css코드 ... } ✔ 미디어쿼리 코드1 DOCTYPE html> 미디어쿼리1 body { background-color: beige; } @media screen and (min-width : 1024px) { body { background-color: aqua; } } 미디어쿼리 ✔ 미디어쿼리 결과 ✔ 미디어쿼리 코드2 DOCTYPE html> 미디아쿼리2 인스타그램 유튜브 페이스북 트위터 Lorem ipsum dolor sit amet consectetur adipisicing elit. M.. 2022. 10. 31.
CSS (레이아웃 종류, flex 종류) ✔ CSS 다단레이아웃 다단 레이아웃 - 텍스트를 column 속성으로 다단을 생성 - 다단은 레이아웃을 여러개의 컬럼으로 쪼개서 구성한다는 의미 - column-count : 단의 갯수를 설정 - column-rule : 단과 간사이의 구분선, 구분의 모양, 두께, 색상을 설정 - column-gap : 단과 단사이의 여백을 설정 - column-span : 단과 안의 포함된 요소를 다단편집에서 해제 ✔ CSS 다단레이아웃 코드 DOCTYPE html> 다단 레이아웃 div, h2, p{margin: 0; padding: 0;} body {margin: 10px;} h2 {padding: 0 0 20px; text-align: center;} div.col{ text-align: justify; pad.. 2022. 10. 31.

티스토리툴바