반응형 js8 JS document.createElement() 메서드 간단 정리 JS document.createElement() 메서드 간단 정리 지난 포스팅에서 document.createElement() 메서드를 사용하여 동적으로 HTML 요소를 생성하는 기능과 방법을 살펴보았습니다. createElement() 메서드 괄호 안에 태그 이름만 넣어주면 끝입니다! 참 쉽죠? JS로 HTML 엘리먼트 생성하기 JS로 HTML 엘리먼트 생성하기 JS로 HTML 엘리먼트 생성하기 앞선 포스팅에서 getElementById 나 querySelector를 이용해서, 기존의 DOM 객체들을 조작하는 기능과 방법들에 대해서 알아보았습니다. 이 경우에는 이미 존재하고 있던 엘리 kincoding.com createElement() 메서드로 기본 사용문법 createElement() 메서드의 기.. 2023. 2. 20. JS function 문법 기초 정리 JS function 문법 기초 정리 코딩을 공부하다 보면, 반드시 등장하는 게 함수(function) 일 것입니다. 많은 분들이 이미 함수에 대해서는 잘 알고 있을 정도로 유명(?)하고 익숙한(?) 존재일 수 있겠는데요, 너무 가까운 사이이다 보니 제대로 정리를 하지 않고 넘어가서 개념이 제대로 잡히지 않은 경우를 종종 보는 경우가 있습니다. 아주 쉽고 편리한 함수 문법을 이번 포스팅에서 간단하게 정리해두면서 기초를 다져놓고 가보기로 합니다. function 기본 문법 1 - 긴코드 축약해서 사용할 수 있음 함수를 사용하는 이유는 여러 가지가 있겠지만, '긴 코드를 축약해서 사용할 수 있다'는 이점으로 인해 사용됩니다. 아래의 코드를 브라우저 console창에서 실행을 해보면 어떤 결과를 표시해줄까요?.. 2023. 2. 3. SEO 최적화를 돕는, 이미지 Alt 속성에 Hypen 자동으로 넣기 SEO 최적화를 돕는, 이미지 Alt 속성에 Hypen 자동으로 넣기 최근 ChatGPT 등의 AI에 관심이 많아져서 그런가, 왠지 반복적으로 하는 일들을 줄여볼 수 없을까? 하는 고민을 부쩍 많이 하게 된 것 같습니다. 매일 한 개 정도씩 블로그 포스팅을 하다보니 은근 반복되는 작업이 많습니다. 가장 반복하기 싫은 일은 검색엔진이 잘 읽어낼 수 있도록 첨부된 이미지의 alt 속성값을 넣어주는 일인 것 같습니다. 하기 싫지만, 검색최적화를 위한다면 반드시 해주기를 권장하는 단순반복업무. 게다가 SEO(Seacrh Engine Optimization: 검색엔진 최적화)를 맞추려면, alt 태그에 들어가는 글자들을 공백 대신에 하이픈(-)으로 이어주는 게 좋다고들 그러더라구요.(저는 잘 모르는 영역이라, 카.. 2023. 2. 2. HTML / CSS / Javascript 각자의 역할은 무엇일까? HTML / CSS / Javascript 각자의 역할은 무엇일까? 아들놈들이 언젠가 코딩에 관심을 갖고 시작하게 될 때, 한번 봐주었으면 하는 마음으로 웹페이지 제작에 관한 기초적인 내용을 정리해둡니다. 우리는 크롬, 엣지 등의 브라우저를 통해 다양한 웹사이트 혹은 웹페이지에 접속할 수 있습니다. "접속"이라는 표현을 쓰다보니 어딘가로 찾아가서 웹페이지를 열람하는 것으로 이해하기 쉽지만, 사실 이전 포스팅에서 살펴본 GET요청 방식으로 요청을 한 후 "내 컴퓨터"에 내려 받은 웹페이지를 열람하는 것이 인터넷의 특징입니다. 즉, 서버에 '접속'한 후 요청한 웹페이지를 결국 내려 받기 위해 인터넷이라는 망이 필요해지는 것 뿐입니다. 아무튼 인터넷을 탐험하는 브라우저들은 그렇게 동작하고 있었습니다. 사람으로.. 2023. 1. 9. 이전 1 2 다음 반응형
