본문 바로가기
반응형

전체 글546

MDN margin 출처 2019. 7. 23.
css rem, em 차이 참고자료 rem 단위는 문서의 최상위 요소인 html요소의 몇 배인지로 크기 결정 em 단위는 상위 요소 크기를 기준으로 몇 배를 할지를 결정 예를들어 html > body > li 구조에서 html { font-size : 10px; } body { font-size : 1.5em; } li { font-size : 2.0rem/em; } 이면 2.0rem의 경우, li의 폰트사이즈는 = 10px(html) * 2.0(li) = 20px라는 의미 2.0em의 경우, li의 폰트사이즈는 = 10px(html) * 1.5(body) * 2.0(li) = 30px라는 의미 2019. 7. 23.
[Boost UI] HTML 태그 / 텍스트 / 내외부링크 / div,span / 리스트 / 이미지 현재 태그의 개수는 대략 130개 그러나 실제 웹 사이트에선 대략 20~30개 정도가 사용 HEADING ~ 문서 내의 제목표현시 사용. 제목 레벨 따라 h1 ~ h6 Paragraph 단락과 개행 블록 레벨 태그 LineBreak 개행 텍스트 태그 텍스트 표현 태그 4가지 (인라인 레벨 태그) 글자 굵게 표현 글자를 이탤릭체(글자 기울임)로 표현 밑줄 표현 중간선 표현 기타 태그 앵커(anchor) 태그 앞서 HTML의 HT는 하이퍼 텍스트의 약자 이며 이는 곧 링크를 의미 앵커태그는 링크 생성하여 다른 페이지로 이동, 현재 페이지 내에서 특정 위치로 초점 이동 외부링크 : 하이퍼 레퍼런스 속성인 href에 URL을 입력 google 내부링크 : 만약 href="#idid"이면 id값이 idid인 곳으.. 2019. 7. 22.
[Boost UI] HTML 다시보기 HTML 이란? / 문법 / 구성 Hyper Text Markup Language 웹페이지를 만드는 언어 Hyper Text = 링크 Markup Language 확장자가 html HTML 문법 태그 : 꼬리표 이름표라는 의미. contents 이 자체를 엘리먼트(요소)라고 부른다. 보통 이렇게 2개가 한쌍으로 구성된다. contents가 브라우저에 나타난다. 태그는 HTML에는 다양한 마크업 언어에서 모두 사용된다. 속성 : 태그에 추가 정보 제공 혹은 동작이나 표현을 조절할 수 있는 설정값 글로벌 속성은 모든 태그 사용가능 시작태그에 이름 = "값" 형태로 작성 하나의 태그에 여러 속성을 선언할 수 있다. 예시) 태그의 중첩 : 태그안에 태그 선언 가능 그러나 부모태그안에서 열림,닫힘태그 선언 예시).. 2019. 7. 20.
11. request의 다양한 메서드 http://localhost:8080/firstweb/info InfoServlet.java only doGet() Method @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println(""); out.println(""); out.println(""); String uri = request.getRequestURI(); // domain, port num 이후 정보 Stri.. 2019. 7. 20.
[에러/해결] eclipse commit Error. master[rejected - non-fast-forward] master -> master[rejected - non-fast-forward] 하단과 같은 오류가 발생! 이제 해결해보자 Window > Show View > Other 1. Show View > Git > Git Repositories 2. commit안된 파일 찾아 우클릭 Fetch 3. Fetch해서 들어간 창에 Ref mappings란에 파일이 있다면 Save and Fetch 클릭 없다면 Add.하기 5. Branches > Local > master 우클릭 Merge 6. Merge해주기 7. Branches > Local > master 우클릭 Push해주기 8. Push 2019. 7. 20.
[웹기초 BE_Servlet] Servlet 정리 자바웹앱? 자바웹앱은 혼자서 동작하지 않고 WAS(웹앱서버)에 설치되어 동작하는 앱 자바웹앱 폴더에는 WEB-INF폴더 필수존재. 이 폴더 안에 web.xml파일 존재(servlet3.0미만) web.xml이 배포기술자, 웹앱정보를 가짐 서블릿? URL요청을 처리하는 프로그램을 서블렛 프로그램을 수행해서 페이지를 동적으로 만들어 준다. 자바 웹앱의 구성요소 중 동적인 처리를 하는 프로그램 역할 WAS에서 동작하는 JAVA클래스 HttpServlet 클래스 상속받아야함 서블릿과 JSP를 조화롭게 쓰면 좋다. 웹페이지 구성화면(HTML)은 JSP로, 복잡 프로그래밍은 서블릿으로 구현 Dynamic WebProject생성 > HelloServlet이란 서블릿 클래스 생성 작성된 서블릿은 서블릿클래스 내부에 설.. 2019. 7. 19.
7. mar Mar 2019. 7. 18.
6-2 DML DML (Data Manipulation Language): 데이터 조작용 언어 > 예시 : INSERT, UPDATE, DELETE, SELECT 등 insert : 등록 select : 검색 update : 수정 delete : 삭제 select 구문의 기본문형 SELECT(DISTUNCT) 칼럼명(ALIAS) FROM Table명; SELECT 검색할 데이터(칼럼) 나열 DISTINCT 중복행 제거 ALIAS 나타날 컬럼에 대한 다른 이름 부여 FROM 선택한 칼럼이 있는 테이블 명시 SELECT 구문 사용하기 *는 모든 데이터를 찾을 때 사용한다 예시 : SELECT * FROM DEPARTMENT; SELECT.. 2019. 7. 18.
[에러/해결] ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061) 시작 > 서비스 > MYSQL을 실행하면 됨 2019. 7. 17.
6. SQL이란? / DB생성 / 계정 생성 및 권한 부여 / Table 명령어 / Sample sql 데이터 활용 부스트코스 교육내용(링크)을 바탕으로 학습 자료를 추가하였습니다. SQL이란? 한국사람과 미국사람이 대화하기 위해서는 한쪽이 이해할 수 있는 언어를 사용해야 하듯이 DBMS에게 명령을 내릴 때도 특별한 언어(SQL)가 필요 학습할 키워드 create database grant / create all flush privileges () select (선택) SQL(Structured Query Language)? Structured : 정리정돈, 구조화됨 / Query : DB에게 데이터에 대한 처리를 요청하는 것 SQL은 데이터를 보다 쉽게 검색하고 추가, 삭제, 수정 같은 조작을 할 수 있도록 고안된 컴퓨터 언어 관계형 데이터베이스에서 데이터를 조작하고 쿼리하는 표준 수단 DML (Data Manipu.. 2019. 7. 17.
5-1 MySQL설치 / MySQL 실행 / MySQL 종료 부스트코스 교육내용(출처)을 바탕으로 학습 자료를 추가하였습니다. MySQL :: MySQL Downloads MySQL Downloads Oracle MySQL Cloud Service (commercial) Oracle MySQL Cloud Service is built on MySQL Enterprise Edition and powered by Oracle Cloud, providing an enterprise-grade MySQL database service. Learn More » MySQL Enterprise Edition (commercial) My www.mysql.com MySQL 사이트로 이동한다. 그리고 다음 순서대로 진행하여 다운받을 것! 오른쪽 사진처럼 포.. 2019. 7. 17.
[에러/해결] MySQL the specified port already in use 위 사진처럼 포트번호 옆에 느낌표 발생현재는 the specified port already in use 에러 발생.이전 MySQL버전이 설치되어 있어서 생긴문제이전 버전을 삭제하면 끝. 이제 삭제해보자Win+R을 누른 뒤 "resmon.exe" 입력하여 port number 3306을 찾자 port number 3306의 PID는 5256이다. 이 PID를 기억할 것! 이제 CMD를 관리자 권한으로 실행하고 다음처럼 입력해주면 된다. MySQL Installer에 포트번호를 다시 입력해주면 에러가 사라진 것을 알 수 있다. 2019. 7. 17.
5. DB와 DBMS의 차이 부스트코스 교육내용(출처)을 바탕으로학습 자료를 추가하였습니다.들어가기 전에프로그램에서 다루는 데이터가 많아질수록, 그 데이터를 동시에 사용하는 사람이 많아질수록 데이터의 관리는 어려워집니다.이러한 데이터를 쉽고 편리하게 다룰 수 있도록 하기 위해서 등장한 것이 데이터베이스 메니지먼트 시스템입니다.이번 시간엔 데이터베이스와 데이터베이스 메니지먼트 시스템에 대해서 알아보도록 하겠습니다. 학습 목표데이터베이스와 데이터베이스 메니지먼트 시스템에 대해서 이해하고, 설명할 수 있다.핵심 개념데이터베이스 (Database)데이터베이스 메니지먼트 시스템 (DBMS)데이터베이스 데이터베이스(DB)의 기본개념 (정의)어느 한 조직의 다양한 응용 프로그램들이 공동으로 사용하는 데이터들을 통합해 저장하고 운.. 2019. 7. 17.
개발 스택 JSP, Spring boot , node.js https://brunch.co.kr/@matthew-chang/38 2019. 7. 17.
Node.js? 웹서버? API서버 https://blog.kesuskim.com/2018/09/web-development-in-2018/ 2019. 7. 17.
JSP, Spring의 차이점 JSP는 웹 페이지 영역에서 사용되고, Spring은 웹 서비스 전반적 환경을 구성합니다.Spring이 나라라고 한다면, JSP는 도시 입니다. 스프링은 프로그램 전반적인 근본이 되는 환경을 구축하고있고, JSP는 그 환경의 일부분에 사용되는 언어입니다. 2019. 7. 16.
3-1. application scope 부스트코스 교육내용(출처)을 바탕으로 학습 자료를 추가하였습니다. 들어가기 전에 하나의 웹 어플리케이션에서 공유하고 싶은 변수가 있을 때 application scope를 사용합니다. 이번 시간엔 어플리케이션 스코프에 대해서 알아보도록 하겠습니다. 학습 목표 application scope를 이해한다. application scope를 사용할 수 있다. 핵심 개념 ServletContext setAttribute getAttribute 애플리케이션 스코프 (출처) 애플리케이션 스코프(application scope) 역시 가시성과 생존주기는 객체에 저장된다. 애플리케이션 스코프 객체는 모든 클라이언트와 발생되는 웹 어플리케이션에서 볼 수 있다. 애플리케이션스코프 객.. 2019. 7. 15.
반응형

티스토리툴바