송조의 웹개발 공부

와... 졸려 개졸립다 오늘은 가변형 레이아웃 저번에 정리하던 거에 이어서... 공부했던 내용을 정리해볼 것이다. 으엉엉엉엉엉 나는 웹개발 수업 2개월 들은 초보이기 때문에 내가 정리하는 내용에 오류가 있을 수 있다. 순전히 내 공부를 위해 정리하는 포스팅이므로 만약 오류가 있다면 댓글로 알려주삼. ㅇ ㅏ~~~~~~~~~ * relative 1. 요소가 작성된 순서대로 배치된다. 2. 위치와 레이어를 변경할 수 있다. 3. 모든 요소가 독립된 중심점을 사용한다. 4. margin:auto 사용 가능 5. 다른 요소의 영향 있음 static + absolute 느낌 차례대로 나오는데 움직일 수 있음 relative의 특징 자기 원래 있던 자리부터 움직인다. 위에 애가 움직인 걸 모른다. relative면 ..

저번주에 배웠던 수업 내용 정리. 점점 어려워지고 있당.. 이 정도는 아무것도 아니어야 하는데~~~~~ 흑흑흑흑흑흑~~ 오늘은 가변형 레이아웃 만드는 세 가지 방법을 정리해볼 것이다. 참고로 나는 이제 html 수업 들은지 1달 반쯤 되가는 초짜기 때문에 포스팅에 오류가 있을 수 있다 ^.^ 내가 들은 수업 내용을 정리하기 위한 포스팅이며, 내 의문사항은 밑줄이 쳐져있댜.. 저번 내용 정리에서 float의 한계에 대해 선생님이 말씀하셨다 했는데 이것을 내가 완벽쓰하게 이해를 못했다 ㅠㅠ 일단 코드를 보면.. 형제 박스한테 높이값을 주면 지금처럼 연두색 박스가 내려가는 제일 쉬운 방법이긴 하지만, 고정형 레이아웃에서만 사용이 가능하다는 한계가 있다. 가변형에선 불가능하기 때문에 가변형 레이아웃을 따로 만들..

오늘도 쓰는 어제 배웠던 수업 내용 정리. 레이아웃을 만드는 속성 float에 대해 배웠다. 정말 어려웠댜.. 흑흑흑흑흑 하지만 이해하고 소화해내야해,, 왜냠 난 프론트엔드 개발자가 될 거니까!!!!!!!!!!!!!! 그. 러. 나. 나는 웹표준 수업을 들은지 이제 한 달 지난 초짜기 때문에~^^^ 내가 배운 내용을 정리하는 용도이므로 오류가 있을 수 있습니다~~~ 만약 오류가 있다면 댓글로 친절히 알려주세요. 참고로 내 의문사항은 밑줄이 쳐져있음. 레이아웃 속성은 아니지만 레이아웃에 많이 사용하고 있음. 여백속성 1. margin 박스의 바깥쪽 2. padding 박스의 안쪽 margin 1. 바깥쪽 여백(**위치를 바꿀 수 있다!!!) 2. margin-top / margin-right / margi..

어제 배웠던 수업 내용 정리. 어제는 레이아웃을 직접적으로 하는 건 아니지만 레이아웃을 만들기 위해서 알아야 하는 선행 지식을 배웠다. 본가에 내려와서 쓰는 중인데 하필 윈도우XP라 어도비 브라켓이 지원되지 않는다 ㅠㅡㅠ 노트북 들고 올 걸... 으엉엉엉엉엉 그래서 오늘은 이미지 없이 일단 내용만 정리해보기로 한다. 나는 웹표준 수업을 들은지 이제 한 달 지난 초짜기 때문에~ 내가 배운 내용을 정리하는 용도이므로 오류가 있을 수 있다! 만약 오류가 있다면 댓글로 친절히 알려주긔 참고로 내 의문사항은 밑줄이 쳐져있다. 요소 레벨(Element Level)은 태그가 어떻게 보여지는가에 대한 구분이다. 예를 들어서 태그는 글씨를 진하게 하고, 은 글씨를 기울게 한다. 동일한 효과를 주는 태그는 , 가 있지만 ..

어제 들은 html 웹표준 수업 정리 흑흑흑흑흑 이제 수업 한 달 들은 왕초보이기 때문에 오류가 있을 수 있으며, 오류가 있다면 댓글로 친절히 남겨주세요 ㅇ_< ㅋㅋㅋㅋㅋ 이 글은 수업을 듣고 나서 스스로 정리를 하기 위해 쓰는 거랍니다! 우리가 웹을 만들면 기본적으로 사용자에게 정보를 제공하는 역할을 하는데, 사용자로부터 정보를 받는 역할을 할 때도 있당! 그것이 바로 회원가입이나 설문조사 같은 것. 이렇게 사용자로부터 정보를 수집할 때 쓰는 태그가 바로 인 것이다. 예를 들어 회원가입 페이지를 만든다고 할 때 아이디나 아이디 중복확인, 비밀번호, 연락처, 생년월일, 이메일 주소 등을 받으려면 태그 안에 작성하면 되는 것. 참고로 태그를 입력할 땐 이렇게 name, action, method를 같이 입..