sparata2 [Web] og 태그 활용 - ( week 5 ) 페이지를 공유할 때 해당 페이지의 정보를 보여주는 역할은 og 태그로 처리되기 때문에 만들어 놓은 페이지를 og 태그로 정보를 넣어서 공유할 때 페이지의 정보가 미리 보일 수 있도록 만든다. og 태그 넣기 index.html 파일의 head 태그 내부에 작성한다. 각 정보들을 페이지에 대한 내용으로 넣어준다. 이때 페이지에 보여줄 내용을 모두 내가 만들고 싶은대로 수정해 본다. 입력한 og 데이터를 확인하기 위해서 페이지주소를 복사해서 공유해 본다. 그러기 위해서는 우선 서버에 페이지를 배포해야 한다. 2023. 5. 1. [Flutter] 클론코딩(Shazam) 3.첫번째 페이지 - ( week 2 ) 현재 페이지 구현은 난이도 순서대로 진행되었다. 마지막 첫 번째 페이지는 비교적 난도가 높은 작업이다. 3. 첫번째 페이지 상단부터 작업을 한다. 상단에는 아이콘과 텍스트가 배치되어 있다. return SafeArea( child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Icon(Icons.settings), Text("라이브러리"), Icon(null), ], ) ], ), ); 아이콘과 텍스트 두 위젯만 넣고 spaceBetween으로 정렬하면 양옆으로 위젯들이 붙게 되는데 이때 Icon(null)을 해주면 텍스트가 중앙에 배치되는 요령이 있다. 아이콘을 정렬해 주는데 Padding으.. 2023. 4. 18. 이전 1 다음