본문 바로가기

HTML9

REPL이란? REPL REPL이란 READ-EVALUATION-PRINT-LOOP의 약자로 사용자가 특정 코드를 입력하면 그 코드를 평가하고 코드의 실행결과를 출력해주는 것입니다. REPL R : READ(읽다) E : Eval(해석하다) P : Print(반환하다) L : Loop(반복하다) => 입력한 코드를 읽고, 해석하고, 결과를 반환하고, 종료할 때까지 반복 사이트 추천 (REPLIT) 여러 언어들을 지원하며 RUN 버튼을 클릭해 실행하면 오른쪽 화면에서 바로 실행결과를 확인가능하므로 간단한 기능들을 빠르게 테스트해보고 싶을 때 유용하게 사용할 수 있습니다. Replit: The software creation platform. IDE, AI, and Deployments Run code live in yo.. 2023. 12. 11.

npm 에러 : > 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 오류 해결 문제 상황 js template engine 인 pug를 사용하기 위해 $ npm install pug해당 명령어를 intelliJ terminal에 입력했더니 npm 에러 : > 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 이러한 오류가 발생했습니다. 다양한 이유가 있을 수 있지만 저의 경우 node.js가 아직 설치되지 않아 명령어를 인식하지 못해 발생한 오류였습니다. 문제 해결 node,js 설치 https://nodejs.org/ko/download 해당 링크에 들어가 본인의 운영체제에 맞는 msi를 설치합니다. 저는 window 64 bit 버전을 다운로드 받았습니다. 파일 경로 확인 및 환경 변수 설정 node.js 기본 설치 .. 2023. 7. 28.

AJAX를 이용한 웹 응용 프로그램의 동작 원리 앞서 REST API와 AJAX의 개념에 대해 학습했습니다. AJAX는 어떻게 동작하는 걸까요? 이번 포스팅에서는 AJAX가 동작하는 순서에 대해 적어보려고 합니다. 이전 포스팅이 궁금하신 분들은 링크를 클릭해주세요. REST API (Representational State Transfer) 에 대하여 REST의 개념 REST는 Representational State Transfer의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미합니다. REST를 사용하는 이유 웹페이지가 로드된 후 특정 상황에서만 howtomakecode.tistory.com AJAX란? AJAX의 개념 오늘은 AJAX의 개념과 장단점에 대한 포스팅을 해보려고 합니다. AJAX란? (Asynchron.. 2023. 7. 25.

티스토리 원하는 글씨체 적용 안녕하세요. 오늘은 티스토리 블로그의 글씨체를 바꿔보려고 합니다. 저는 원래 깔끔한 스타일의 사각형의 고딕체를 좋아하는데요. 왠지 요즘은 동글동글한 글씨체가 귀여워보이더라고요. 제가 쓰는 폰트 사이트 '눈누' 입니다. https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 글씨체에 따라 저작권 조건이 다르니 꼭 확인하고 사용하셔야 합니다. 우측 상단 웹 폰트로 사용하기 코드를 복사합니다. 화면을 꾸며주는 부분은 css에서 담당합니다. 폰트 역시 화면을 꾸며주는 부분이기 때문에 티스토리 스킨편집 > css 에 적용을 해주도록 하겠습니다. 설정 > 꾸미기 > 스킨 편집 html 편집 클릭 css > 복사한 코드 붙여넣기 ctrl + f > font-family 검색해서 폰트 이름.. 2023. 7. 3.

HTML5 DATA 속성 사용하기 안녕하세요. HTML에서 DATA 속성을 사용할 수 있다는 사실, 알고 계셨나요? 브라우저에 영향을 주지 않고 요소에 특정한 데이터를 저장하고 싶은 경우 사용하는 속성이라고 하는데요. 오늘은 DATA 속성의 장점과 사용법에 대해 학습해보겠습니다. DATA- 속성이란? HTML 표준인 value 속성과 별개로 만들어진 사용자 지정 데이터 속성입니다. hidden 태그로 데이터를 저장할 필요가 없습니다. 하나의 HTML 요소에 여러 데이터 속성을 사용할 수 있습니다. 어느 엘리먼트에서나 data-로 시작하는 속성은 무엇이든 사용할 수 있습니다. 화면에 안보이게 글이나 추가 정보를 엘리먼트에 담아 놓을 수 있습니다. DATA- 속성 사용법 특정 속성값만 추출하기 console.log(input.dataset... 2023. 6. 28.

VSCODE HTML파일 바로 실행하기 OPEN IN BROWSER 위 확장자를 추가하면 HTML 파일을 크롬에서 바로 확인해볼 수 있다. 2023. 6. 15.

HTML 특수문자 의미 HTML 특수문자를 사용하는 이유 HTML문서에 텍스트를 작성하고 웹으로 확인하면 꺽쇠 안의 내용이 표기 되지 않는 경우가 있습니다. HTML이 기본적으로 를 내용이 아닌 태그로 인식하기 때문입니다. 특수문자를 사용하면 이러한 문제를 방지할 수 있습니다. 하단에 자주 쓰이는 특수문자표와 특수문자 리스트 사이트를 첨부하였습니다. 자주 쓰이는 특수문자 및 의미 ＆nbsp; ＆amp; ＆lt; ＆gt; ＆quot; # ' " " : 공백 앰퍼샌드 & 부등호 쌍따옴표 " sharp # 따옴표 ' 유니코드 특수문자 리스트 HTML 특수문자 리스트 ßßßSmall sharp s, German (sz ligature) kor.pe.kr 2023. 5. 30.

[HTML/JS/CSS] box-shadow : 0 14px 0 #E66000; - css 값이 0이면 단위 생략 가능 width: 너비; margin-left: auto; margin-right: auto; - 너비가 지정된 상자 요소를 가운데 정렬 cursor: pointer; - 마우스 커서를 포인터(손가락 모양)으로 변경 flex: 1; - 정렬되는 요소의 너비를 1비율만큼 늘어가게 지정 const ingEl = document.querySelector('img') imgEl.src = '이미지_경로' - js에서 요소의 src 속성 지정 const aEl = document.querySelector('a') aEl.href = '페이지_주소' - js에서 요소의 href 속성 지정 location.href = '페이지_.. 2023. 2. 20.

[HTML] HTML 기초 개념 모음 1. 2023. 2. 16.

이전 1 다음

티스토리툴바