Tag: Web

2019
0
TILJavascript

javascript-study-01

JavaScript Study 01 용어 OT 프론트 엔드 개발자가 하는 일 웹페이지 vs 웹어플리케이션 프론트엔드 개발에 필요한 기술 초심자가 경험하는 3가지 개발의 어려움 프로그래밍이란 아스키코드 , 유니코드 컴파일러 interpreter Syntax , Semantics 자바스크립트 용어 - ( 러버덕 ) 플랫폼 : 어플리케이션이

0
DevelopProject

limrim 쇼핑몰 클론하기

PinkJelly Projectlimrim 쇼핑몰 사이트 클론하기. 1. 팀 소개 팀명 : 개발바닥 ( PinkJelly ) 팀장 : 김준혁 팀원 : 권은비, 박홍빈 2. 팀 주제limrim 쇼핑몰 사이트 클론 3. 주제 선정 이유 평소에 쇼핑몰 사이트를 자주 봐왔고, HTML 와 CSS 학습을 위해서 실제 구현되고 서비스 중인 쇼핑몰을

0
DevelopCSS

CSS 인라인 블록

inline-block 특징 inline-block 끼리 나열할 경우 문제가 없다. 또한 inline-block은 서로간에 약간의 틈이 존재한다. 1234567891011121314151617<style> .test1{ display: inline-block; background: go

0
TILHTML&CSS

html-css-study-13

HTML Study 13 css : filter ( 흑백처리 , blur 효과 등등 ) tab-index margin 겹침 현상 background size 중앙 정렬 처리하는 방법 (수직 정렬등) aria-label , aria-labelby ( vs title ) aria-expended , aria-haspopup iframe 사용시 주의점 fr 단

0
TILHTML&CSS

html-css-study-12

HTML Study 12 webfont 정리 flex 재정리 white-space 속성 - pre , pre-wrap, pre-line 프로젝트 하면서 느낀점 9월 24일 webfont 정리 웹폰트를 사용하기 위해서는 다음과 같은 코드들이 일부 필요하다. 123456789101112131415@font-face { font-family: N

0
TILHTML&CSS

html-css-study-11

HTML Study 11 fontello 사용법 letter, word spacing transition 사용 주의점 프로젝트 하면서 느낀점 9월 23일 fontello 사용법 fontello 사용법 fontello 접속 마음에 드는 fontello 아이콘들 선택(라이센스 주의) 다운로드 다운로드 된 압출파일을 해제 해제된 폴더를 프로젝트에 붙여넣는다

0
TILHTML&CSS

html-css-study-10

HTML Study 10 viewport VS % calc flex-basis 반응형 웹페이지 flex 이용 반응형 콘텐츠 -> 이미지&비디오 , iframe grid 이용 오늘의 학습 깨달음 레이아웃 구성 시 여라가지 flex 나 grid시스템을 사용할 수 있지만, 브라우저의 지원 유형을 잘 생각해보아야 한다. padding의 %는

0
TILHTML&CSS

html-css-study-09

HTML Study 09 q , blockqueto 태그 + cite 속성 small 태그 address 태그 flex 속기법 + order, grow , shrink flex-basis aside 태그 CSS animation : transition background 속기법 태그들이 공통으로 사용가능한 속성 오늘의 학습 깨달음 의미없는 구분자들은

0
TILHTML&CSS

html-css-study-08

HTML Study 08 position : sticky / fixed counter cursor : pointer calc( ) 함수 tabindex 일자로 요소를 나열하는 4가지 방법( 크게 ) position : sticky / fixed레진 fixed/sticky 참고 sticky sticky는 평소에는 기본 상태였다가 스크롤을 내리면