sample2 [Web] Sample - ( week 1) 로그인 페이지 만들기 예제를 보고 html 태그를 사용해 페이지를 따라 만들어 본다. login.html 파일을 생성하고 여기에서 로그인 페이지 구현을 한다. Login Page ID : PW : Login 제목을 넣기 위해서 h1 태그를 사용하고 아이디와 패스워드를 입력할 input 태그도 사용한다. 그리고 로그인 버튼을 만들기 위해서 button 태그를 추가한다. 현재 상태에서 브라우저를 확인해 보면 가로로 태그들이 나열되어 있는 걸 볼 수 있다. 예제처럼 만들기 위해서 문단을 나누거나 구역을 나누는 태그들을 사용해 본다. Login Page ID : PW : Login 문단을 나누는 p 태그를 사용해서 id와 pw를 감싸주면 예제처럼 세로로 요소들이 나열된다. 2023. 4. 6. [Flutter] 샘플 만들기 - (week 1) Login Page 위젯을 다루면서 예제를 따라서 만들어본다. 예제는 로그인 페이지로 상단에 텍스트를 띄우고 그 안에 공간에서 이미지와 이메일과 비밀번호는 텍스트 입력을 받을 수 있는 요소와 로그인을 진행할 버튼으로 구성되어 있다. 여기서 실제 로그인 기능은 구현하지 않고 보이는 것들만 만들어본다. 우선 main.dart 파일의 코드를 살펴본다. class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { // MaterialApp 또한 위젯이다 return MaterialApp( debugShowCheckedModeBanner: fals.. 2023. 4. 5. 이전 1 다음
