Recoding & Share Devlog

이번 포스팅에서는 중요한 개념인 폼의 기능에 대해서 알아보겠습니다. 먼저 GET 방식과 POST 방식이 있는데요, form 요소를 쓸때는 action과 method를 기재하는것은 form에 관함 포스팅에서 알아보았습니다. 그렇다면 이 안에 method는 어떤것이 있느냐에 대해 알아보겠습니다. GET, POST 말고도 PUT이나 DELETE가 추가적으로 있지만 대표적인 GET과 POST를 먼저 알아보겠습니다. 먼저 로그인 화면을 구성해보도록 하겠습니다. 이런식의 로그인화면을 마크업 하는건 쉽게 할 수 있습니다. form 요소안에 fieldset을 기재하고 그 안에는 legend요소와 input 요소 그리고 button을 추가하면 되는 간단한 마크업입니다. 본론으로 들어가서 get과 post에서 알아보자면 ..

안녕하세요 이번 포스팅에서는 저번 다음 UI 만들기 포스팅에 대해서 제가 작성한 솔루션을 알려드리고자 작성하겠습니다. 바로 코드부터 보겠습니다. 다음 ui 실습 검색 통합검색 검색 서제스트란? 인기 검색어 초등학교 교사 사망 김지은 안희정 신성우 아내 양승태 도망 이재명 압수수색 방송사 먹방 폭로 다음을 시작페이지로 전체 서비스 미디어 뉴스 스포츠 아고라 오늘의 정보 07.11(수) 날씨 서울시 흐림영상 29도 29°C 날씨 경기도 흐림영상 29도 29°C 로그인 Copyright © KaKao Corp All service 이번 코드에서는 주석을 달지 않았는데요 차근차근 하나씩 설명을 드리고자 하기위하여 주석을 제거했습니다. 첫번째 줄부터 시작을 해보면 아직 배우지 않은 link 요소에대..

이번 포스팅은 로그인화면을 구현 하기 위한 기초적인 Form 요소에 관하여 알아보겠습니다. From 이란 검색이나, 로그인, 회원가입 등 사용자가 입력한 구문을 서버로 넘기기 위한 입력 서식 요소라고 볼 수 있겠는데요 사진으로 한번 알아볼까요 ? (사진 출처 : Daum 로그인 화면, 검색입력창) 이런식으로 다음에 로그인을 하기 위한 입력과 검색어 입력을 하는 부분은 모두 폼으로 이루어져 있습니다. 정말로 폼으로 이루어져 있는지 확인을 하려면 개발자 도구를 이용하여 확인해보면 쉽게 볼 수 있습니다. 확인을 해보면 실제로 다음 로그인 화면에 실제로 form을 사용하였네요 아직 학습하지 않은 여러 요소들이 있지만 이중에 오늘 하게될 폼 요소에 대해서 알아보겠습니다. 먼저 코드를 보게되면 유저 입력 폼 NAV..