개발입문뉴비 - 국비지원 ( Front End )/html

    [2021/12/14]국비지원 HTML5 코딩툴 기본학습 6-(1) N사 오늘의 키친 layout only버전

    [2021/12/14]국비지원 HTML5 코딩툴 기본학습 6-(1) N사 오늘의 키친 layout only버전

    과제 몰아닥친 css까지의 사이트 마크업 시간이 지나고, 개인 PT 24회도 이제 슬슬 끝물이 다 되어가고. 1월 10일부터 담임 강사가 사정 상 3주 자리를 비우고 대타 강사에게서 디자인 수업을 들은 관계로 명절 동안 시간이 많이 생겨서 드디어!! 12월 13일부터 1월 7일까지 밀린 모든 코딩 기록들을 업로드해보고자 한다. 만, 1월 10일 직전 며칠간은 기업 사이트 ( S사 계열 전기 마크업 )만 마크업 했던지라 상세 특징들은 올리지 않을 듯. 다만 내가 당시에 클론하면서 생각하기에 의문점이 들었고, 태그의 의미 상으로도 이건 이렇게 해야 할 것 같은데 싶었던 파트만 나중에 집어서 올리려고 함 ( 디자인 기간의 내용은 업로드 하지 않을 예정. 디자이너/퍼블리셔 진출은 생각도 하지 않습니다. 쇤네는 ..

    [2021/12/13]국비지원 HTML5 코딩툴 기본학습 5-(3)-{1} 원래 내가 짰던 제출코드

    [2021/12/13]국비지원 HTML5 코딩툴 기본학습 5-(3)-{1} 원래 내가 짰던 제출코드

    진짜 단순하게 그냥 예제 거의 그대로 입력했었음. 그러다 급하게 순번제 ol 사용해야 되는 거 알고 다시 작성했던 게 좀 전 꺼. 그래서 휴대전화 input id 설정 해줘야하는데 안 사용하고 그냥 막 형식적으로만 완성해서 제출했었더랬다.... 예제) 원래 작성했던 코드) 필수 입력 항목 * 이름: 홍길동 주의! 아이디는 영문자와 숫자만을 사용하여 4글자이상 16글자 이하로 작성해 주세요. * 아이디: 주의! 비밀번호는 보안을 위해 영문자, 숫자 및 특수문자등을 조합하여 작성하시기 바랍니다. 주의! 비밀번호는 보안을 위해 4글자이상으로 작성해 주세요. * 비밀번호: * 비밀번호확인: 안내! 우편번호를 모를 경우에는 빈칸으로 두고 주소만 제대로 입력하시면 됩니다. 우편번호: 주의! 주소는 [시/도][시/구..

    [2021/12/13]국비지원-HTML5 코딩툴 기본학습 5-(3) 회원가입 양식

    [2021/12/13]국비지원-HTML5 코딩툴 기본학습 5-(3) 회원가입 양식

    앞에 이어서... ​ 추가로 input type 종류, + 배웠고 역시 ol / ul 사용해서 입력하도록 함. 예제) 제출 내용) 제출 코드 제출 시 들여쓰기 중요하다 해서 들여쓰기 노가다... 필수 입력 항목 * 이름: 주의! 아이디는 영문자와 숫자만을 사용하여 4글자이상 16글자 이하로 작성해 주세요. * 아이디: 주의! 비밀번호는 보안을 위해 영문자, 숫자 및 특수문자등을 조합하여 작성하시기 바랍니다. 주의! 비밀번호는 보안을 위해 4글자이상으로 작성해 주세요. * 비밀번호: * 비밀번호확인: 안내! 우편번호를 모를 경우에는 빈칸으로 두고 주소만 제대로 입력하시면 됩니다. 우편번호: 주의! 주소는 [시/도][시/구/군][읍/면/리][번지][건물/아파트명] 순서로 입력 해 주세요. * 주소: * 전화..

    [2021/12/13]국비지원-HTML5 코딩툴 기본학습 5-(1), (2) 로그인 양식, 검색 양식

    [2021/12/13]국비지원-HTML5 코딩툴 기본학습 5-(1), (2) 로그인 양식, 검색 양식

    Log in 양식, 검색 양식, 회원가입 양식 공통어 ​ 이 거를 국비 강사는 로그인 양식, 회원가입 양식 작성할 때 ul / ol 이용하는 방법으로 가르쳐줬다. 근데 나는 좀... 음. 작성할 땐 편하긴 한데 사실 스타일이 따아아아아악히 맘에 안 든다. 구현 해 보면 그 순차딱지(가운데 왕점) 붙거나 1. 2. 3. 순번 붙어 있어서... 굳이 이래야 하나 싶은 느낌이 약간 좀..?ㅎㅋ;; (1) Log in 양식 NAVER 로그인 아이디 비밀번호 아이디 찾기 비밀번호 찾기 회원가입 (2) 검색 박스 양식 : img 응용 자료검색영역 자료검색