728x90 web210 WEB2-Python-2.수업예고 ol 태그로 되어 있는 다섯 개 페이지로 구성되어 있는 웹사이트. 만약 ol 이라고 되어 있는 것을 ul 로 바꿔요. 그럼 저는 index.py 라고 하는 단 하나의 페이지를 바꿨을뿐인데 모든 웹 페이지가 바뀐 것을 볼수가 있습니다. 제가 여기 있는 크리에이트 버튼을 클릭해서 웹페이지를 만들어 볼게요. 자 보시는 것처럼 cgi 란 의 새로운 파일이 생성되었고 사용자는 웹 페이지에서 생성 버튼을 눌렀을 뿐인데 우리의 컴퓨터에 cgi 라는 파일이 생성이 되었고 그리고 페이지가 추가된 것을 볼 수가 있습니다. 즉, 우리가 파이썬 과 같은 기술을 이용하면 프로그래밍 쪽으로 사용자가 전송한 정보를 받아서 컨텐츠를 사용자에게 ht docs 디렉토리를 수정하게 하지 않고도 사용자가 만들 수 있게 된다는 겁니다. 여러.. 2022. 9. 25. WEB2-Python-1.수업소개 처음에는 html 만으로도 사람들은 행복했어요. 하지만 사람의 욕심은 끝이 없죠. 웹이 등장한 직후 여러가지 불만 족들이 쏟아져 나옵니다. 그 수많은 불만족 중에 우리의 관심사는 html 을 직접 타이핑 해서 웹페이지를 수동으로 만드는 것에 지쳤다는 불만족. 사람이 직접 html 코딩 에서 웹 페이지를 하나 하나 만들어야 했기 때문에 html 의 구조를 바꾸려면 수많은 웹 페이지의 html 코드들을 수동으로 수정해야 했습니다. 또 방문자들이 직접 글을 올리도록 하고 싶었지만 그렇다고 방문자들이 웹페이지가 담긴 파일을 마음대로 수정하게 하는 것은 너무 위험한 일이었기 때문에 웹사이트에 소유자만이 컨텐츠를 추가할 수 있었습니다. 즉, 성장의 한계에 직면하게 된 것입니다. 이제부터 우리는 파이썬을 이용해서 웹.. 2022. 9. 25. WEB2 CSS - 10. 그리드 소개 목록과 본문이 나란히 위치하는 디자인을 하려고 해요 그럼 밑에 있는 이 CSS라고 되어 있는 이 부분이 위쪽으로 쓱 하고 올라오면 되겠죠 그걸 하기 위한 여러가지 방법이 있는데요 그중에서 우리는 아주 최신의 방법을 살펴볼 겁니다 바로 '그리드'라고 하는 방법입니다. 사실 인류가 되게 오랜 시간 동안 정보들을 잘 배치하는, 레이아웃을 잘 짜는 방법을 코드를 통해서 효율적으로 하는 것에 대해서 굉장히 어려움을 많이 겪었습니다. 그래서 여러가지 시행 착오 끝에 플럭스라는 것이 등장하고, 그리고 궁극의 방법이라고 할 수 있는 그리드라는 것까지 도착했거든요. 그래서 이번 시간에는 아주 최근에 등장한 기술인 그리드를 이용해서 방금 말씀드린 그 목적을 달성해 보겠습니다. 그럼 우리 파일을 하나 만들어서 그리드가 뭔지.. 2022. 9. 23. WEB2 CSS - 9. 박스 모델 써먹기 이렇게 밑줄을 긋기 위해서는 어떻게 하면 될까요? 자, 여기에 밑줄을 긋기 위해서는 테두리를 사용하면 됩니다. 그리고 그 테두리를 누구에게 주면 될까요? 여기있는 저 이라는 태그에게 테두리를 주면 됩니다. 그러면 저는 태그에 border:1px solid gray; 이렇게 테두리를 줘보겠습니다. 그리고 리로드하면 이렇게 됩니다 그런데 우리가 필요한 것은 저 왼쪽, 오른쪽, 위쪽에 있는 테두리가 아니라 아래쪽 테두리만 필요하거든요 그런 경우에는 border 밑에... border에다가 아래쪽을 뜻하는 bottom이라고 해주시면 됩니다. 자, 리로드 해보겠습니다 이렇게 되는 것을 볼 수가 있죠. 그런데 위치가 좀 애매해요 그렇죠? 이 위쪽은 이렇고, 밑쪽은 이렇게 좁잖아요. 왜 그렇나 봤더니 margin 값.. 2022. 9. 23. 이전 1 2 3 다음 728x90
