이번 포스팅은 태그안의 내용을 읽어볼게요. 자 먼저 우리 홈페이지를 가봅시다. 빨간줄로 표시한 부분이 홈페이지의 메뉴들을 표시하고 화면을 이동시켜주는 기능을 갖고 있는 부분인것 같아요! 하지만 영어로 되어있는 부분을 한글로 바꾸고 싶은데 소스코드에서는 아직 어느부분을 바꿔야하는지 감이오지 않네요... 그럴때는 홈페이지가 떠잇는 웹브라우저에서 F12를 눌러봅시다. 저는 크롬 웹브라우저를 사용합니다. 오른쪽에 어떤 창이 나오신게 보이시죠? 이게 개발자 도구입니다. 새로나온 창에서 왼쪽 상단에 보시면 빨간색으로 표시한 부분이 있는데 이 버튼을 한번눌러서 활성화 시키고 홈페이지쪽으로 커서를 옮겨보면 범위가 잡힙니다. 전 Home 메뉴바에 커서를 올렸습니다. 범위가 잡힌뒤 범위가 잡힌 곳에서 클릭을 한번 더 누르..

이번 포스팅은 실제 오픈소스로 가져온 소스코드를 보고 약간의 수정을 한번 해볼게요. 자 여기 저번포스팅에서 가져온 'index.html' 파일이 있습니다. 저번 포스팅에서 배운 내용을 살펴보니 요 태그 안에 태그도 보이고 태그도 보이네요. 이 부분은 아직은 건드릴건 아니니 일단 두겠습니다. 위 사진을 보면 이라는 태그가 보이실 겁니다. 보시기 편하게 빨간줄로 표시를 해놨습니다. Fruitables - Vegetable Website Template 요런 모습을 하고있는데 태그안에 'Fruitables - Vegetable Website Template' 요런 텍스트가 보이시죠? 이게 'index.html' 파일의 제목입니다. 'index.html' 파일을 실행시켜보면, 상단에 요렇게 표시가 되어있는걸 확..

이번엔 홈페이지의 소스코드를 불러오고 읽는 방법을 알려드려 볼까 합니다. 우선 저번에 설치한 Visual Studio Code 를 실행을 해봅시다. 이런 모습이겠죠? 여기서 'Open Folder...' 를 클릭해봅시다. 월컴페이지를 꺼버리셨다면 하단의 사진처럼 상단의 탭에서 선택해주세요. 'file > Open Folder...' 이제 압축을 풀었던 폴더를 찾아봅시다. 다운로드를 받은 후 그 공간에서 압축을 풀었다면 다운로드 폴더로 이동해서 경로를 찾으면 됩니다. 전 다운로드 폴더에 압축을 풀었고 위 사진처럼 경로를 이동하여 '폴더 선택'을 하였습니다. 폴더 선택을 할때는 'index.html' 파일이 존재하는 폴더에 경로를 잡는 것이 좋습니다. 전 'C:\Users\freef\Downloads\fru..

이번엔 오픈소스를 활용해서 홈페이지의 구조를 잡아볼 거예요. 오픈소스란? 오픈 소스(Open Source)는 소스 코드가 공개되어 있어 누구나 자유롭게 사용, 수정, 배포할 수 있는 소프트웨어를 말합니다. 이 용어는 소프트웨어의 개발과 배포가 이루어지는 방식에 대한 철학이나 접근 방식을 나타내기도 합니다. 오픈 소스 소프트웨어는 사용자와 개발자가 소프트웨어의 코드를 열람하고, 필요에 따라 수정하거나 개선할 수 있도록 합니다. 이는 사용자가 소프트웨어를 자신의 필요에 맞게 조정할 수 있게 하며, 개발자 커뮤니티가 함께 협력하여 보다 안정적이고 효율적인 소프트웨어를 개발할 수 있는 환경을 조성합니다. 쉽게 말하면 어떤 개발자가 홈페이지를 개발하고 개발한 해당코드를 다른 사람들도 수정해서 사용할 수 있도록 개..

우선, html 파일 편집을 해야하기 때문에 ' Visual Studio Code' 라는 프로그램을 설치해야합니다. Visual Studio Code 다운로드 사이트에 접속합니다. https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern w..

안녕하세요! cocoder입니다. 🤗 개발에 관련한 지식이 없더라도 누구나 나만의 홈페이지를 만드는 방법을 포스팅해보려고 합니다. 우선 포스팅의 목적은 이력서에 첨부할 정도의 간단한 자기소개 단일 페이지를 제작하는 정도로 시작해서 게시판이 있는 여러 페이지의 회사소개 홈페이지의 수준 정도까지의 만들 수 있는 정도의 실력까지 향상되는 정도로 계획하고 있습니다. 일단, 간단한 단일페이지의 간단한 자기소개 홈페이지 정도는 html의 간단한 이해와 약간의 응용능력 정도만 있으면 제작할 수 있지만 최종 목표인 회사소개 홈페이지(게시판을 포함한 경우)를 제작하는 경우에는 추가적으로 개발적인 지식이 필요한 부분이 있어서 따로 공부를 필요로 할 수 있습니다. 준비물은 노트북이나 개인 pc를 준비해주시면 됩니다. 저는 ..