본문 바로가기

전체 글

(50)
[html]로그인 페이지 만들기-form, label, input 로그인 페이지 만들기 ※중요) 기억해야 될 태그 : type = "text", "password", "submit", "checkbox" 01 예제 디자인 02 예제 속 필요한 태그 알아보기 Login : Email 적는 칸 : Password 적는 칸 : 아이디 저장하기 : , login 버튼 : 03 마크업 해보기 Login 아이디 저장하기 1. 부모 태그 안에 태그를 자식으로 넣어 마크업 한다. 2. placeholder는 입력 필드에 사용자가 어떤 값을 입력해야 하는지를 간략하게 알려주는 역할을 한다. 단어 혹은 짧은 문구가 들어가며 사용자가 입력하는 즉시 사라진다. 3. 태그의 for=""와 태그의 id=""를 동일하게 적어 연결시켜주면, checkbox 혹은 '아이디 저장하기' 둘 중 아무거나..
[Figma]피그마 기초 이해 - 첫 피그마. 기본중의 기본부터 알아두자. 피그마 기초 이해 및 설정 첫 피그마일 경우 기초 이해 및 설정하는 방법입니다. 처음 시작할 경우 무엇을 먼저 설정해야 하고 처음 보는 이 툴을 어떻게 하면 더 효율적이고 편하게 이용할 수 있는지를 생각해보아야 합니다. 피그마 기본기부터 살아남아봅시다! 1. 캔버스 색상 변경하기 어도비에서 넘어오셨을 경우 아트보드 즉 대지도 없이 아무것도 없는 피그마는 굉장히 생소합니다. 심지어 캔버스 배경 색상은 라이트 그레이입니다. 어두운 색상으로 바꾸고 싶다면 아무것도 클릭하지 않은 상태에서 우측의 Design 사이드바의 background 패널을 확인하세요. 처음에는 #E5E5E5 색상으로 되어있는데요, 클릭 후 본인이 원하는 색상을 지정해주시면 됩니다. 좋은 점은 굳이 다크 색상만을 선택하지 않아도 된다는 점입..