50대에 코딩에 도전해 봅니다.20 14. 내 컴퓨터에 웹서버 설치하기 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 클라이언트 와 서버의 개념에 대해 알아보면서 웹서버는 프로그램이란 것을 알게 되었습니다. 그래서 이번 회차에는 웹서버를 내 컴퓨터에 설치해 보겠습니다. https://pmxsg.tistory.com/20 13. 클라이언트(Client) vs 서버( Server) ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 HTML의 태그를 이용해서 유튜브 동영상을 나의 웹페이 pmxsg.tistory.com 웹서버(Web Server) 설치하기 웹 서버에는 아파치(Apache), 엔진엑스(.. 2022. 3. 18. 13. 클라이언트(Client) vs 서버( Server) ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 HTML의 태그를 이용해서 유튜브 동영상을 나의 웹페이지로 가져오는 것을 했습니다. 태그와 태그가 연결이라는 의미에서 HTML의 가장 핵심이라고 생각합니다. 클라이언트(Client) vs 서버(Server) 이번 회차에는 HTML과 CSS에서 좀 확장된 개념에 대해서 얘기해 보고자 합니다. 코딩을 시작하고서 관련 검색을 해보면서 많이 접해봤던 단어가 클라이언트, 서버, 프론트엔드,백엔드 등등 HTML도 처음에 낯설었던 시기에 도대체 무슨 말이지 하면서도 서버라는 말은 회사 다니면서 "서버가 다운되어서 시스템이 잘 작동하지 않으니..." 또는 "주말에 서버 점.. 2022. 3. 16. 12. HTML <iframe> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 table 태그를 이용해 표를 만들어 봤습니다. 그 table 태그는 단순한 표를 만드는 것 이외에 활용도가 많이 있습니다. 태그 안에 거의 모든 태그를 삽입할 수 있기 때문에 표 형태의 구조를 사용할 때 유용합니다. 후에 추가로 table 태그에 대해서는 다시 올려보도록 하겠습니다. https://pmxsg.tistory.com/16?category=1000842 10. HTML - 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML - table 태그 지난 회차에 CSS-선택자에.. 2022. 3. 12. 10. HTML - <table> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML - table 태그 지난 회차에 CSS-선택자에 대해서 기본적인 몇가지를 이용해서 웹페이지를 업데이트를 해봤습니다. CSS는 혼자서는 그 기능을 못하지만, HTML과 케미를 이루면 웹페이지를 풍성하게 만들어 주는 역할을 합니다. HTML의 table 태그는 말 뜻 그대로 "표"를 만들어지는 태그인데, 이 table은 CSS를 만나면 다른 태그들보다 시너지 효과가 큽니다. 그래서, CSS를 어느 정도 이해한 후 table 태그에 대해서 알아보려고 합니다. Table 태그의 구성원들 1. 표로 나타내고자하는 전체를 감싸주는 태그입니다. 2. 표 안의 각각의 내용이 들어갈 .. 2022. 3. 6. 9. CSS - 선택자 ( Selector ) ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS - 선택자 (Selector) 지난 회차에 Float를 이용해서 기존 만들어 왔던 내용을 업데이트를 했습니다. 이번 회차에는 조금은 이론적인 얘기를 해보려 합니다. 처음 코딩을 시작하면서 가장 헷갈리고 이해하기 어려웠던 부분이 이론적으로 설명해 놓은 것을 이해하는 것이었었습니다. 그냥 무작정 코드를 카피해서 한 번 실행해보고 미리 짜 놓았던 내용을 그 가지고 온 코드 안에 적용시켜 넣어서 실행하는 방법을 주로 써왔습니다. 그런데, 문제는 가지고 온 코드가 한가지 일 때는 크게 문제 없이 잘 실행되지만, 코드가 여러가지가 섞이게 되니까 에러가 많이 발생하는 것이었습니다. .. 2022. 2. 23. 8. CSS Float ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS - Float 지난 회차에 레이아웃을 Holy Grail Layout을 이용해서 기존 만들어 왔던 내용을 업데이트를 했습니다. 이제 큰 구조의 설계는 끝난 것이라 이제는 내부 인테리어를 잘 꾸미는 것과 자신의 넣고 싶은 데이터를 계속 늘려가시면 하나의 근사한 웹사이트가 완성될 것입니다. Version 5. 이제 내부 인테리어를 꾸며 보려 합니다. 위에 이미지만 좀 생뚱맞게 있는 것 같아 이미지 옆으로 아래의 내용이 나타나게 해보려 합니다. CSS - Float 활용하기 이럴 때, 가장 유용한 것이 float라는 것 입니다. 우선, w3c school로 일단 찾아갑니다. .. 2022. 2. 18. 이전 1 2 3 4 다음
