No-Code개발이란? 노코드 개발은 사용자가 프로그래밍 언어를 사용하지 않고도 애플리케이션을 개발할 수 있도록 하는 플랫폼이나 도구를 말합니다. 이러한 플랫폼은 주로 드래그 앤 드롭 인터페이스와 같은 시각적 도구를 제공하여, 사용자가 간편하게 애플리케이션의 구성 요소를 선택하고 배치할 수 있게 해줍니다. 이는 개발 프로세스를 간소화하고, 개발 시간을 단축시킵니다. 현대 기술의 진보는 소프트웨어 개발의 세계를 근본적으로 변화시켰습니다. 그 중심에는 No-Code(노코드) 개발이 있습니다. 이 접근 방식은 프로그래밍 지식이 없는 사람들도 복잡한 애플리케이션을 만들 수 있게 해줌으로써, 기술 개발의 장벽을 낮추고 있습니다. 이 글에서는 노코드 개발이 무엇인지, 그리고 그 장점과 단점을 알아보겠습니다. No-..

이번 포스팅은 태그안의 내용을 읽어볼게요. 자 먼저 우리 홈페이지를 가봅시다. 빨간줄로 표시한 부분이 홈페이지의 메뉴들을 표시하고 화면을 이동시켜주는 기능을 갖고 있는 부분인것 같아요! 하지만 영어로 되어있는 부분을 한글로 바꾸고 싶은데 소스코드에서는 아직 어느부분을 바꿔야하는지 감이오지 않네요... 그럴때는 홈페이지가 떠잇는 웹브라우저에서 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..