본문 바로가기

공부

 (171)
2019-04-08 오늘의 배운내용은 term, 섹션과 search섹션 term섹션에서 핵심으로 바란다고 생각하는것은 dl을찾아봤느냐, float처리에 대한 이해라고 생각한다 float로 하라고 조건을 달아주셨고 일단 컨텐츠들을 리스트라고 생각해서 ul에 담았는데 생각없이 ul태그에 넣는게 아니라 찾아봐서 dl (definistion list)를 찾길 바라신것같고 dl태그 내부에는 dt와 dd를 가지고 (제목과 내용)이다 오늘로써 리스트에 ul,ol,dl 까지 배운것 같다 컨텐츠들을 float함에 있어, div영역안에 모든 컨텐츠들을 float처리하게되면, 붕뜨는 효과로 인해 div영역의 height를 잃게 된다 이를 방지하기 위해 div에 clear:both처리할 수 있는지를 물으셨다고 생각한다 다음으로 search섹션을..
2019-04-08 HTML5의 서식 엄격형 (Strict DTD) 꾸미기 태그 허용 안함 ex) center, hr, font 호환형 Transitional DTD 과도기형 Frameset DTD a target=_blank (새창으로 열기) 파비콘
2019-04-07 web server(맥도날드 점원) ㅡ> web application (햄버거 만드는 크루) web bronser(main web application) IE,CHROME, FF,SAFAFI, 오페라 라이브러리,모듈 ㅇ요리할때 쓰는 맛간장, 굴소스 ( 만드는 요리에 첨가하는 도구 ) 프레임워크는 같은 도구지만 툴을 따라야함 ( 일부 VS 전체) 프레임워크만으로 프로그램을 짤 수 있으나 라이브러리 만으론 완성된 프로그램 작성X 브라우저는 어떻게 동작하는가 ? https://d2.naver.com/helloworld/59361 선택자를 잘못선택하고, 전체 레이아웃에 대한 이해가 부족해서 삽질했다
2019-04-07 HTML현재 5.2버젼, 5.3버전 개발중 태그가 너무 많거나 (옵션) 코드 길이가 길어서 알아보기 힘들때는, 닫는 태그로 구분하면 된다. 옵션은 첫번째 띄어쓰기가 나오기 전까지 읽으면 된다 헤드 띄어쓰기 가장 첫줄의 은 html5라는 것을 인식해주는 것이다. -> 제거하면 각 브라우저마다 과거 버전으로 읽을 수도 있다. 형식을 가지고 문서를 만드는 이유가 무엇일까? 누군가가 해석하기 쉽기 위해서(?) 모니터에 붙어있는 암호의 예 ->html은 탭바에 나오고 body는 사용자에게 출력된다(검색 엔진을 적용 시킬 수 있는 역할) SEO:검색 엔진 최적화는 사용자에게 검색을 최적화 시키는 역할을 하는 것 요소(Element): HTML은 요소로 구성되어있는 요소는 태그로 구성된다 모든 태그는 containe..
2019-04-06 프로그램 :해야할일의 순서 tv 프로그램, ex) MT행사 프로그램을 짠다 공연 프로그램을 만든다 = 컴퓨터가 할일을 쓴다 사용자 > 프론트앤드(브라우저) 사용자입장 백엔드(서버) 운영자 입장 웹브라우저에서 돌아가는 프로그램을 작성하는 사람 = 웹 프로그래머 하이퍼텍스트 : 문서와 문서가 연결되어 있는것 http:하이퍼 텍스트들을 교화하기 위한 규약 web server : html, css javascript DB Server : 로그인 , 회원가입 Image Sever: 인스타 Cache Sever 미리 가공된 페이지(미리 만들어 놓고 빠른 속도로 제공) Html: 레이아웃, 그림 그릴때 스케치(메이크업에서 기초) Css:레이아웃을 그럴듯하게 꾸밈, 그림에서 색칠(메이크업에서 색조) JavaScript..
2019-04-06 다시한번더 html 마크업의 기초 태그, 속성, 논리속성 태그부터 안에 있는 속성까지를 모두 '요소' 섹셔닝 루트(Sectioning Root) , , , , , 몇몇 요소는 섹셔닝 루트라는 그룹으로 구분합니다. 섹셔닝 루트에 속하는 요소는 section이나 article 요소와 같이 장이나 절과 같은 계층 구조로 구분되지 않고 독립적인 콘텐츠로 분리되기 때문에 아웃라인에 영향을 주지 않습니다. 섹셔닝 콘텐츠(Sectioning Content) , , , 섹셔닝 콘텐츠는 대부분 HTML5에서 새롭게 추가된 요소들이며, 제목과 그 내용을 포함한 범위를 지정하는 콘텐츠를 나타냅니다. 모든 섹셔닝 콘텐츠는 헤딩과 아웃라인을 가집니다. 헤딩 콘텐츠(Heading Content) , , , , , 헤딩 콘텐츠는 ..
2019-04-05 term 섹션을 구성함에 있어서 ul로 해보려고했는데 dl이라는 태그를 처음사용해보았고, (dt,dd를 가질 수 있음) div태그 영역안에 컨텐츠들을 모두 float처리하니 (float는 공중에 있으니) width값을 줘야한다는점 block 상자라는 것은 width값을 줄 수 있다는점 인라인은 컨텐츠 크기만큼 차지하니까 width값 xx padding같은 고정값은 최대한 안건들이는게 유지보수 관점에서 좋다는점 clear:both를 사용하면 강제마진효과( 조건은 display:block) 음수마진의 특성은 상자가 작아지고 , 패딩은 예측이 가능한대신 음수를 사용할 수 없다는점 div태그를 써서 만든 상자에 컨텐츠들을 모두 float하였으니 컨텐츠가 없는것이라 판단되 div태그의 높이가 줄어든다 그것을 방지..
2019-04-05 박스모델 괜찮은거같음 inline +/블록 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ (폼) 1.로그인 2.아이디 , input상자 3.비밀번호 , input상자 4로그인 버튼 5 텍스트 링크 모음 (논리적인순서) ! 노트 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ required // 사용자가 입력하지 않았을시 서버까지 보내지않고 클라이언트 측에서 서버까지 안가게하기 input type="email" id="user-email" name="uid" required placeholder="mail@mail.com" https://miketaylr.com/pres/html5/forms2.html 폼관련 요소 버튼 = 보더박스 div = 컨텐츠 박스 *구조선택자* ..

티스토리툴바