본문 바로가기

Research/HTML17

HTML_introduction Introduction of HTML Study summary reference : w3schools.com What is HTML? HTML은 Hyper Text Markup Language의 약자다. 여기서 Hyper Text의 의미에 대해 좀 더 알아보자. HTML을 알기 위해선 Hypertext에 대한 concept를 알아야 한다. W3C에 따르면 Hypertext는 선형적으로 연결되지 않은 텍스트를 의미한다. 지금 이 글을 쓰는 것처럼 한 문장, 한 문장 순서대로 나열해서 글을 쓰는 방식이 아니다. W3의 Hypertext에 대해 설명하고자 할 때 이곳에 적지 않고 링크(URL)로 확인할 수도 있다. 이것이 Hypertext이다. 즉, Hypertext는 링크를 통해 다른 텍스트로 연결한다. 이.. 2023. 5. 2.
shootingstar_HTML_$ is not defined 리스트 태그들을 추가해주는 버튼을 추가했다. 그런데 버튼을 누르면 아래와 같은 에러가 발생했다. 버튼의 코드는 이렇다. Scan the world 해결 ... ... 2023. 4. 16.
HTML_JS fetchAPI로 서버 데이터 호출 후 HTML에 출력하기 nest.js 서버 구축 중 프론트를 표현하고 싶었는데, HTML에서 API로 데이터를 호출하는 방법이 필요했다. 이를 위해 JS의 fetchAPI를 사용하여 해결하면 된다. Title hello{{message}} Send GET Request Reference https://www.youtube.com/watch?v=zUcc4vW-jsI 2023. 4. 14.
process_프론트에서 서버로 이미지 전송하기(HTML->multer-Express) 들어가기 프론트에서 백엔드로 이미지를 전송하는 방법을 알아보겠습니다. 이 게시글에서 정리한 방법은 'html단에서 express.js 서버에 어떻게든 이미지 파일을 보내서 저장시키고 싶다!'라는 사람들(저를 포함)을 위해 기록했습니다. inpa Dev 블로그(하단 참조 참고)에 따르면, HTML의 에서도 서버로 전송할 수 있고 JS에서 FormData() 클래스로도 보낼 수 있다고 합니다. 따라서 체계적인 방법을 알고싶다면 이 블로그를 참고하시길 권해드립니다. 준비 디렉터리 구조 uploads : 프론트에서 전송한 이미지들이 저장될 디렉터리 app.js : express.js 서버 index.html : 프론트엔드 패키지 express는 서버를 위해, multer은 프론트에서 보낸 이미지를 서버에서 처리.. 2023. 1. 19.