반응형 전체 글48 HTML 란? HTML이란 웹사이트를 구성하는 기초뼈대이다. HTML(HyperText Markup Language)을 좀더 구체적으로 단어 하나하나 분석해보자면 Hypertext : 하이퍼텍스트를 가장 중요한 특징으로 하는 Markup : 마크업이라는 형식을 가진 Language : 컴퓨터 프로그래밍 언어 라고 이해하면 된다. 하이퍼텍스트는 웹페이지에서 항상 보이는 링크이다. HTML로 짜여진 코드를 보고 싶으면 위와 같이 아무 웹페이지를 열고 우클릭을 해서 페이지소스 보기를 하면 해당 웹페이즈를 구성하는 HTML을 확인 할 수 있다. 2021. 8. 31. 어린이 무료 코딩 교육 사이트 추천 2015년부터 초등학교 때부터 교육과정에 코딩 교육을 의무화하기로 했다. 그리고 2018년에는 초등학교뿐 아니라 초, 중, 고등학교까지 코딩 교육이 선택에서 의무교육으로 확대되었습니다. 이를 보아 국가적으로 코딩 교육에 중요성을 높이 평가한다고 생각할 수 있습니다. 왜 코딩 교육에 열을 올리는가? 21세기 정보화 사회에서 인재양성을 위한 코딩 교육은 단지 프로그래밍을 배우는 것이 아닙니다. 코딩 교육은 프로그래밍을 배우는 것 이상으로 아이들의 창의력, 논리적사고력, 응용력, 문제 해결 능력을 발달시킵니다. 또, 현대 사회에서 떼려야 뗄 수 없는 컴퓨터에 대한 이해력도 높일 수 있습니다. 그렇다면 아이가 흥미를 느낄 경우 혹은 초등학교 입학 전 맛보기로 아이와 함께 부모도 온라인으로 프로그래밍 입문 공부를.. 2021. 8. 25. 구글 서치 콘솔 'itemListElement'입력란이 누락되었습니다. 구글 서치 콘솔에서 탐색경로 문제가 발견되었다고 메일이 왔다. 사실 티스토리를 운영하는 사람이라면 한 번쯤 겪는 흔한 이벤트이고 심각한 문제는 아니다. 하지만, 처음 보게 되면 당황스러울 사람에게 도움이 되고자 이번 포스팅을 작성해 보았다. 메일의 내용을 살펴보면 'itemListElement' 입력란이 누락되었습니다. 라는 내용과 함께 탐색경로에 문제가 있다고 나와있다. 메일에 첨부된 링크를 따라 구글 서치 콘솔에서 한 번 확인해보자. 링크를 따라오면 위와 같은 화면이 나올 것이다. 위에서부터 차근차근 보면 어떤 오류가 발생했는지, 언제부터 오류가 발생했는지, 그 오류의 발생위치를 알려준다. 21.7.16일 처음 감지되었다는 것은 내가 처음 겪었을 때고 별문제 없이 해결해 21.7.20 이후로 에러가 .. 2021. 8. 21. [Intellij] java.lang.classnotfoundexception 에러 최근 웹 페이지 만드는 실습을 하고 있다. 그런데 간단한 프로그래밍 작성 후 서버를 실행하는데 아래 사진과 같은 에러가 갑자기 발생했다. 뭐 만든 것도 없는데 말이다... 아마 뭐 만든 것이 없어서 그런 것 같다. 에러 원인 에러의 발생 원인은 소스 루트 구성이 올바르지 않기 때문에 발생한 것이다. 해결 방안 1 일단 프로젝트 설정에서 소스 루트를 직접 설정해 보았다. 프로젝트 설정 ( Ctrl + Shift + Alt + S ) 창을 띄운다. 모듈(modules) → 소스(Sources) 탭 → src\main\java 로 설정하면 된다. 그리고 Alt + Enter로 대부분의 경우 이것만으로 해결 될 것이다. 하지만 내 경우에는 해당되지 않아 골머리를 싸매었다. 해결 방안 2 위 설정이 문제가 없는 .. 2021. 8. 19. HTTP 요청&응답 HTTP 프로토콜로 데이터를 주고받기 위해서는 아래와 같이 요청(Request)을 보내고 응답(Response)을 받아야 합니다. 클라이언트란 요청을 보내는 쪽을 의미하며 일반적으로 웹 관점에서는 브라우저를 의미합니다. 서버란 요청을 받는 쪽을 의미하며 일반적으로 데이터를 보내주는 원격지의 컴퓨터를 의미합니다. HTTP 요청 메서드 클라이언트에서 URL을 이용하면 서버에 특정 데이터를 요청할 수 있습니다. 여기서 요청하는 데이터에 특정 동작을 수행하고 싶으면 HTTP 요청 메서드를 이용하면 됩니다. 일반적으로 HTTP 요청 메서드는 HTTP Verbs라고도 불리우며 아래와 같이 메서드를 갖고 있습니다. HTTP 메소드 RFC 요청에 Body 포함 응답에 Body 포함 안전 멱등 (idempotent) 캐.. 2021. 8. 18. HTTP, HTTPS란? HTTP HTTP란 무엇일까? 일단 뜻을 풀어보면 "HyperText Transfer Protocol"의 축약어이다. 이 HTTP를 직역을 하게 되면 하이퍼 본문 전송 규약으로 풀이할 수 있지만 바로 이해하기는 어렵다. 인터넷, 즉 WWW(World Wide Web)상에서 정보를 주고받기 위한 미리 정해놓은 규칙이라고 생각할 수 있다. HTTP는 주로 TCP를 사용하고 HTTP/3부터는 UDP를 사용하며, 80번 포트를 사용한다. 클라이언트와 서버 사이의 소통은 평문(ACII) 메시지로 이루어진다. 클라이언트는 서버로 요청 메시지를 전달하며 서버는 응답 메시지를 보낸다. HTTP 메시지는 서버와 클라이언트 간에 데이터가 교환되는 방식입니다. 메시지 타입은 두 가지가 있습니다. 요청(request)은 클라.. 2021. 8. 13. 스팀덱 (Steam Deck) 성능, 출시일 7월 16일 휴대용으로 즐길 수 있는 게임기 "스팀 덱"이 발표 되었습니다. 스팀덱은 자사의 게임 플랫폼 스팀과 연동되고, 연동된 기존 스팀계정으로 PC와 동일한 스팀 서비스를 이용할 수 있습니다. 클라우드 저장 기능으로 PC와 저장 상황을 공유할 수 있습니다. 그리고 스팀덱에 직접 설치하지 않고 기존PC에 설치되어 있는 게임을 원격으로 플레이하는 스트리밍 서비스인 리모트 플레이도 지원될 예정입니다. 기본적으로 리눅스 기반의 스팀OS 3.0 이라는 전용 운영 체제를 탑재한 게임기 입니다만, 운영체제를 밀어버리고 윈도우를 깔아서 사용할 수 도 있고, 다른 게임 스토어(에픽)도 설치할 수 있습니다. 성능 64GB 256GB 512GB CPU AMD Zen2 CPU 코어 수 4코어 / 8스레드 CPU 클럭 속.. 2021. 8. 11. 뷰포트 (viewport) viewport는 화면에서 실제 내용이 표시되는 영역으로, 데스크톱은 사용자가 설정한 해상도가 뷰포트 영역이 되고, 스마트 기기는 기본으로 설정되어 있는 값이 뷰포트 영역이 됩니다. 그런데 스마트 기기는 기본으로 설정되어 있는 뷰포트 영역으로 인해 미디어 쿼리가 정상적으로 작동하지 않는 문제가 발생할 수 있습니다. 이러한 문제를 방지하기 위해 뷰포트 메타 태그를 이용해서 화면의 크기나 배율을 조절해야 합니다. 예시) 위 메타 태그는 반응형 웹을 제작할 때 사용하는 뷰포트의 기본 형태입니다. 뷰포트 기술을 제대로 사용하려면 문법을 정확하게 이해하고 있어야 하며,, 그중에서도 특히 뷰포트 속성은 반드시 알아야 합니다. 뷰포트 속성 속성명 속성값 속성 설명 width Device-width, 양수 뷰포트의 너.. 2021. 8. 4. 컴퓨터 화면 캡쳐 프로그램 "S capture" 설치 및 사용법 컴퓨터로 작업을 하다 보면 화면을 캡쳐해야 될 상황이 있습니다. 저 같은 경우에는 블로그를 운영하다 보니 그 빈도가 많아 여러 프로그램을 써보았습니다. 그중에서 가장 만족했던 컴퓨터 화면 캡처 프로그램인 S capture(에스캡쳐)에 대해 설치 및 사용법에 대해 소개해드리겠습니다. 프로그램명 S Capture (에스캡쳐) 개발사 (주)SMY Soft 지원 운영체제 windows ( XP / Vista / 7 / 8 / 10 ) 크기(용량) 6.11MB 가격 무료 S Capture 설치 우선 아래 링크를 따라 무료로 다운로드를 받을 수 있습니다. 공식 홈페이지에서는 간단한 소개 사진과 함께 네이버 소프트웨어에서 다운받을 수 있는 링크만 제공합니다. 저희는 빠른 진행을 위해 바로 네이버 소프트웨어로 가보도록.. 2021. 8. 3. 이전 1 2 3 4 5 6 다음 반응형 LIST
