wellkiim

이번 시간에는 앞서 배운 태그들을 가지고 그 해당 태그에 id값을 입력.각 태그들이 어떤 영역을 가지는지 앞선 web_basic파트에 이어 조금은 더 심화된 구성을 해보려고 합니다. 준비되셨나요! 어렵지는 않으나, 이번 시간에 배우는 각각의 markup을 가지고 따라해보시되,여러분들이 각 태그안의 텍스트를 바꾼다던지. 각각 태그에 원하는 이미지를 넣어보는 방식으로 간단한 페이지를 꾸며도 재밌을 것 같다는 생각을 감히 해봅니다.! 자 그럼 에디터를 켜고 코드를 작성해보도록 하겠습니다. 해당하는 영역으로 이동( 구간 건너뛰기 ): wrap영역에 속하지 않고 독립적인 영역으로 사용가능wrap, wrapper, 기업명wrap,기업명_wrap : 전체를 담아주는 영역!로고, 상징적인 요소들: 상황에 따라서는 he..

안녕하세요. div와 p태그 span 등등 기본적인 block태그와inline태그들을 알아보았습니다. 웹페이지를 만들기 위해선 예쁜이미지가 필수죠? 그래서 오늘은 img 태그에 대하여 알아보도록 하겠습니다. 기본적인 형태는 이렇습니다. src는 경로를 의미합니다. 아래에서 다시한번 제대로 보시겠지만, src 는 source라는 의미를 가지고 있습니다.또한 알트는 대체텍스트로서 사용되기 때문에, 웹접근성, 웹표준에 있어서 중요한 역할을 차지합니다.그렇게 때문에 꼭 사용할 것을 권장드립니다. ( 웹표준, 웹접근성에 대한 내용은 포털사이트 검색을 추천드립니다. 튼튼한 페이지를 위한 가장 기본적인 것들입니다. 지키지 않는 사람들이 많습니다.저러한 대체텍스트를 사용함으로써 여러분들이 만드는 페이지는 정말 큰 강점..

이번 시간에는 webpage basic 즉, 웹페이지를 만들때 쓰는 태그들에 대하여 기본 단락들을 구성하는 방법에 대하여 간단히알아보도록 하겠습니다. 전체 페이지를 담는 큰 틀로써, wrap이라는 영역이 있고, 그 아래로 로고나, 네비게이션바 (nav) , (gnb) 그리고 로그인, 회원가입 등을 담고있는 영역인 header 영역 컨텐츠 및 광고요소가 들어가는 container 영역 마지막으로 이용약관, 개인정보 방침, 법률정보 등을 담아주는 footer 영역이 있다. 마찬가지로, 에디터에 코드를 치고, 각 태그들에 대한 출력값을 보여드리도록 하겠습니다. 로고: 상징적인 요소(홈페이지 전체 이미지)header영역에 작성되어야 하는 내용네비게이션바, 로고, 로그인, 회원가입컨텐츠및 광고요소가 들어가는 영역..

자 오늘은 어제 배운 태그 중에서 간단하게 inline 속성 태그와block 속성의 태그들을 알아보도록 하겠습니다. 같은 방식으로 에디터에 코드를 작성한 후, 그에 대한 출력값을 보여드리는 형태로 진행을 하도록 하겠습니다.! 에디터에 작성한 코드/ 즉, 각 태그에 작성한 글들이 그 해당 태그들에 대한 설명인 것을 알고 봐주시면 되겠습니다.! 블록요소 : 박스요소블록요소의 내용: 너비와 높이값을 가지는 형태의 요소를 블록요소라 말한다.블록요소는 기본적으로 끝에서 끝까지 영역을 차지함블록요소중에서 p태그는 가장 작은 단위의 박스요소 인라인요소인라인요소의 내용: 글씨요소로 사용, 가나다라마바사....옆으로 나열되는 특징을가지고 있음 + 인라인 태그들 중에는 열고 닫고가 없어도 표현이 가능한 태그들이 많다! b..

자 이번에는 html에서 사용하는 태그들 중 몇가지를 먼저 알아보도록 하겠습니다. 일단 headline 태그로 h1 ~ h6 태그가 있습니다. 각각 1부터 6까지 점점 작아지는 형태를 띄우는 태그입니다.앞의 숫자가 작아질수록 대제목, 소제목으로 나눌 수 있습니다. 보통 h1태그는 로고를 담는 태그나 해당 페이지의 이름을 쓸때 한번 사용하고,그 외에는 사용하지 않는 것이 일반적입니다. 그리고 가장 많이 쓰는 형태인, div와 p태그 인라인과 블럭 형태의 태그들이 존재합니다.그에 대해서는 추후에 설명드릴 예정입니다. div와 p태그는 단락을 나누는 태그인 태그를 사용하지 않아도 알아서 단락이 나누어지게 됩니다. 에디터에 코드를 작성해 보도록 하겠습니다. tag의 종류와 의미headline태그는 영역의 제목 ..

html의 기본에 대하여 글을 작성해보려 합니다. 먼저, html이란 ? 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었다. HTML이란 , 말 그대로 예쁜 웹을 만들기 전 markup 단계라고 생각하시면 됩니다.! 기본 코드 에디터에서 사용하는 방법을 말씀드리자면, 이런식으로 정의할 수 있을 것이라 생각합니다. 기본 html에 텍스트를 넣기 전 설정이라고 생각하시면 됩니다.

나는 디자인을 전공하신 부모님의 영향으로 어렸을 때 부터 미술을 전공했다. 영향이라고 하기엔 뭐하지만, 부모님은 당연히 자식인 내가 힘든 디자인을 하기 원하시지 않았을 테지만, 피는 못속인다고, 어렸을 때부터 애원했었지. 그 결과, 건축인테리어를 전공하게 되었고, 졸업까지 우수한 결과?로 마무리를 지었다. 디자인의 피와 연관이 있는건지, 나는 다른 피를 이어받은 것인지 실질적인 스케치보다는 Tool들을 더 잘다루었고, 그로 인하여 화면에 출력되는 이미지들은 나의 만족감을 더 끌어올렸다. 그러다보니 자연스럽게, 프로그래밍쪽에 관심이 갔다. 그래서 작년 가을, 국비지원을 받아 코딩을 본격적으로 시작하게 되었고, 그로부터 6개월, 오늘. 프론트엔드 개발자로 정식 입사하였다. 사실 . 다년간 배워왔던 미술( 디..