Web

[Javascript] 대화 상자 alert, confirm, prompt 사용하기

안녕하세요. 대화 상자 alert, confirm, prompt를 사용하는 방법에 대해 알아볼게요. 사용자와 상호작용하기 위한 웹 페이지를 만들기 위해서는 위에 기능에 대해 알고 있으면 좋습니다. Window.alert() alert 실행 하기 alert 메서드는 확인 버튼이 존재하면서 메시지를 지정할 수 있는 경고 대화 상자를 띄웁니다. 참고로 alert과 window.alert은 같습니다. window.alert('안녕하세요!'); alert('안녕하세요!'); alert은 인자로 대화 상자에 띄울 텍스트를 인자로 보내주면 됩니다. 주로 alert은 어떤 변경사항이 일어났거나, 사용자가 확인해야 하는 내용을 보여주기 위해 사용합니다. Window.confirm() confirm 실행 하기 confir..

[HTML] Favicon 파비콘(주소창 아이콘) 추가하기

개념정리 Favicon(파비콘) : 브라우저 탭의 페이지 제목 옆에 표시되는 작은 이미지입니다. 💡 Favicon 파비콘을 이용하여 웹 페이지를 꾸밀 수 있습니다. Favicon 파비콘 추가 Code rel은 icon으로 Favicon 파비콘이라는 가지고 있습니다. href는 Favicon으로 사용할 파일의 경로를 명시합니다. Favicon 파비콘을 사용하기 위해선 위와 같은 link 태그를 head 태그 안에 삽입해주시면 됩니다.

input text 태그를 예쁘게 디자인하는 법

안녕하세요. 오늘은 input 태그를 예쁘게 꾸미는 법을 알아볼게요. input 태그를 사용하면 굉장히 디자인이 없어서 심심해 보여요. 이거를 사람들의 눈에 잘 보일 수 있도록 예쁘게 꾸미는 법에 대해 알아봅시다. input text 태그로 작성하게 되면 굉장히 촌스럽다? 라고 표현해야 하나? 그냥 직사각형 모양이 나와서 아쉽다고 생각하실 수 있어요. 하지만 css로 내 마음대로 input 태그를 바꿔줄 수 있습니다. 본론으로 들어가기 전에 input태그에서 type에 따라 서로 달라지는데 css로 input {} 으로 하면 모든 input 태그를 선택하니까 type에 따라 선택하는 방법을 먼저 알려드리겠습니다. input[type=text] { } 위와 같은 선택자를 사용하면 input 태그에 type..

[2] 웹 페이지 원하는 태그만 크롤링하기(Web Crawling)

코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/Crawling GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 저번 시간에 이어서 크롤링 하는 방법에 대해 알아보도록 합시다. 오늘은 원하는 태그만 데이터를 가져오는 방법에 대해 알아봅시다. 음 근데 처음 보는 단어가 있을 겁니다. 태그(Tag)가 무엇일까요? 일단 우리가 알려고하는 태그가 무엇인지 알아야 하겠죠. 그럼 HTML에 대해 알아야 할 것 같습니다. HTML은 Hypertext Markup Language의 줄..

[1] 웹 페이지 크롤링하기(Web Crawling)

코드들은 github에 업로드되어있습니다. https://github.com/JaeYeongSong/Blog/tree/main/Crawling GitHub - JaeYeongSong/Blog Contribute to JaeYeongSong/Blog development by creating an account on GitHub. github.com 오늘은 새로운 분야에 들어가 보도록 하겠습니다. 오늘은 크롤링(Crawling)을 알아보도록 합시다. 먼저 크롤링이란 무엇일까요? 크롤링이란? '데이터를 수집하고 분류하는 것'입니다. 많은 사람들이 크롤링이랑 스크래핑이란 헷갈려합니다. 스크래핑은 '인터넷에서 존재하는 데이터를 컴퓨터 프로그램을 통하여 자동화된 방법으로 웹에서 데이터를 수집하는 작업'이라는 뜻이..