본문 바로가기
[html]fontawesome - 무료 아이콘 넣기. html문서에 아이콘 넣어보자Font Awesome fontawesome.com (링크 걸어뒀어요.)을 이용하면 쉽게 html에 icon을 넣을 수 있어요. start Using Free를 눌러줍시다. 밑에 코드가 나옵니다. 저기 빨간 박스안에 버튼을 누르면 코드가 자동 복사 됩니다. 1234567891011 Colored by Color Scriptercs head태그 안에 붙여넣기 해줍시다. 원하는 아이콘을 검색해서 클릭하면 다음과 같은 화면으로 넘어옵니다. 이번엔 위에 빨간박스 코드를 클릭하면 자동 복사가 됩니다. 1234567891011 Colored by Color Scriptercs 자신의 html에 아이콘을 넣고싶은 곳에 넣습니다. 결과화면
[CSS]웹 디자인 해보기-blog 1편 기획 [Blog] 웹 뷰만 만들어보자.1. 뷰 기획하기. 만들고자하는 blog는 3단형 blog입니다. 먼저 각 부분을 나누어봤어요. div 태그로 감쌀부분(wrapper)의 이름을 굵은 글씨로 정해 놓구요. 좀 더 구체화 해서 기획 했어요. 기획에서 구체적으로 하지 않으면 나중에 무얼할지 모르게 되요. wrapper가 가려서 안보이는 부분은 투명도를 줘서 굵은 글씨가 보이도록 했어요. 반응형 웹으로 기획하자. width가 1100px 이상일 때. width가 600px 이상 ~ 1100px 미만일 때 sidebar를 없앴어요. width가 600px 미만일 때 header가 state 와 contents사이로 이동하도록 했어요. 2편에선 구현을 시작할게요.
PPT만들 때 알아두면 유용한 사이트 모음 PPT만들 때 알아두면 유용한 사이트 1. Pinterest www.pinterest.co.kr 자신에 맞는 여러 주제에 대한 글들을 볼 수 있는 사이트 ppt template & 색조합 을 찾아볼 수 있다. 필자는 주로 색조합을 찾아볼 때 자주 찾는다. 2.Color Hunt www.colorhunt.co 무료 색조합 사이트 색깔을 클릭하면 #xxxxxx 형식의 색 데이터가 카피된다. 3. Unsplash www.unsplash.com 무료 고화질 고품질의 사진들이 모여있는 사이트 저작권 걱정없는 무료 사이트이다. 4. Flaticon www.flaticon.com 무료와 유료가 섞여있는 벡터 아이콘들의 모음 사이트 유료 아이콘들도 있으니 잘 볼것. 5. Pixlr Editor www.pixlr.com..
[CSS]Property Dictionary 속성 사전 박스모델편 박스모델 margin 엘리먼트(콘텐트)와 엘리먼트(콘텐트) 사이의 간격을 지정한다. 값 px, vh, em, rem, %, inherit, auto, ... value width[길이] similar margin-top, margin-buttom, margin-left, margin-right ex) div{margin : 20px;} Tip) margin: 10px 20px -> margin (top & bottom) (right & left); margin: 10px 20px 30px 40px; -> margin: (top) (right) (bottom) (left); 마진을 갖는 박스들이 입전해 있는 경우 수평 마진은 통합되지 않지만, 수직 마진은 통합된다. ※ float된 박스나 절대적 위치 혹은..
[Database]데이터베이스 조회 SELECT문 기초 데이터베이스 조회하는 3가지 방법 셀렉션(selection) - 행 단위로 원하는 데이터를 조회 하는 방식. 프로젝션(projection) - 열 단위로 원하는 데이터를 조회 하는 방식. ※ 셀렉션과 프로젝션을 함께 사용하여 조회 할 수 있음. 조인(join) - 두 개 이상의 테이블을 양옆에 연결하여 마치 하나의 테이블인 것처럼 데이터를 조회하는 방식. SELECT문의 기본 형식 [Cheat Sheet]SELECT문은 데이터베이스에 저장된 데이터들을 조회하는데 사용한다.(*)SELECT [조회할 열 이름], [조회할 열 이름], [조회할 열 이름], ..., (*) : 필수 (*)FROM [조회할 테이블 이름] WHERE [조회할 행을 선별하기 위한 조건식] ORDER BY [정렬하려는 열 이름(여러 ..
[Database]데이터베이스 기초 개념 데이터베이스 데이터베이스 - Data(데이터) + Base(베이스) 의 합성어 이다. DBMS - DB: Database M: Management S: System 의 줄인 말, 즉 데이터베이스 관리 시스템을 의미한다. 데이터와 정보 데이터 정보 데이터 - 어떤 필요에 의해 수집한 결과 값, 아직 특정 목적을 위해 정제하지 않은 것. 정보 - 수집된 데이터를 어떤 목적을 위해 분석, 가공하여 가치를 추가하거나 새로운 의미를 도출한 것. 파일 시스템과 DBMS 파일 시스템 - 각 응용 프로그램 마다 필요한 데이터를 각자 독립적으로 저장 및 관리 하는 방식 DBMS - 각 응용 프로그램들이 데이터베이스에 유일한 DBMS 프로그램를 통한 데이터의 접근 및 관리를 하는 방식 데이터 모델 대표적 데이터 모델에는 ..
[Java]자바 json형식의 문자열을 파싱해보자(gson이용) 자바 json형식의 문자열을 파싱해보자. 먼저 json이란 (JavaScript Object Notation) 약어로 데이터 교환 형식이다. 배열은 [key:value, {}, …]로 객체는 {key:value, …, …} 로 표현한다. 또한 배열은 그자체로 value가 될 수 있다. key:[]으로 표현가능 json형식을 파싱해주는 기본적인 라이브러리는 이클립스에 없다. 그래서 google에서 만든 gson을 이용하겠다. 1.gson 라이브러리 다운로드 Maven Repository메이븐 저장소1.메이븐 저장소 에서 gson을 검색 한다. 2. 원하는 버전 (최신버전)을 클릭한다. 3. files의 jar을 클릭해 다운로드한다. 2.다운로드한 jar파일을 이클립스에 추가1. 프로젝트에 마우스 오른쪽 클..
안녕하세요 환영합니다. Alencion 블로그에 오신걸 환영합니다.

티스토리툴바