2탄은 아니지만 계속 연결되는 html css nth-child 의 이해 사실... 아직도 이해가 잘 되는 것은 아닙니다. 하지만 제가 엄청난 블로그를 하나 보고 글을 써봅니다. :nth-child 는 현제 요소 중에서 n번째 형제를 선택합니다. .parents라는 부모 div 안에 p 3개, div 2개가 서로 형제이며 nth-child는 이들 중에서 n번째를 선택합니다. 뭔가 말이 이상하지만 첫번째 부모 2번째 부모이고 형제가 다른 것이다.... .parents div:nth-child(2) 가 가르키는 것은 각각 .parents div 안의 두번째 줄 , 입니다. .parents div:nth-child(4) 가 가리키는 것은 이것이 되는 것입니다. 사실, 저도 이것을 믿을 수 없어 직접 확인해 봤..
Semantic Web : 의미를 가지는 웹 문서의 의미에 맞게 / 어플리션의 의미에 맞게 구성된 웹 컴퓨터가 정보를 분석하여 그 정보의 관계 속에서 의미론적인 자료들을 추출하여 웹 상에 보여줄 수 있는 웹 웹이 존재하는 수많은 웹페이지들에 메타데이터를 부여하여 기존 잡다한 데이터 집합 → 의미, 관련성을 지니는 거대한 데이터베이스 구축 Semantic web 과 일반 웹의 차이점은 컴퓨가 정보를 아느냐 모르느냐의 차이입니다. 만약 웹사이트, 웹페이지를 검색엔진에 노출시키고 싶은 상황이라면 ? 인덱스에 포함시켜 검색엔진에 노출되는 코드를 짜야합니다. 예를 들어, (검색한 블로그에 아주 아름다운 예시가 있어서 사용하겠습니다...) 예시 1과 2 중에 검색엔진에 노출되는 코드는??? 당연히 2번입니다. 1번..
이틀동안 HTML&CSS Repl.it 문제를 풀면서 배운 내용을 정리해보려고 합니다. 이전에도 html과 css에 대하여 정리하였지만... 망각의 동물인 저는 다 까먹어 버렸답니다. 그래서 다시 복습을 위해 펜을 꺼내들었습니다. HTML의 정의와 기능 HTML은 웹 페이지를 만들기 위한 언어입니다. HTML로 웹페이지의 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있습니다. 브라우저(safari, chrome, ie..)는 HTML파일을 가지고 뭘 어떻게 그려주면 되는지 파악한 후에 웹 페이지를 생성합니다. HTML tag HTML 요소(element)에는 opening tag, content, closing tag 가 있습니다. HT..
Javascript를 이용해서 웹 페이지에 달력 구현을 해보았습니다. 개인적으로 너무 어렵기 떄문에 더 자세히 분석을 해봐야겠습니다. 또한, 구현은 했지만 오류가 있는 달이 있어... 우울합니다. 부족하지만 봐주시고 오류가 있으면 찾아주세요. 또 설명하다 보니 존대와 반말이 섞였네요 ㅎㅎ 죄송합니다. 달력 헤드 부분에는 년,월 그리고 달력을 넘기는 버튼을 생성하고 메인 클래스에는 요일과 날짜가 구현되게 하였습니다. renderCalender 함수 생성 viewYear 와 viewMonth 는 date의 달과 년도를 가져오는 것으로 정의해놓았고 hml 파일에 등록해 놓은 year-month class에 년도와 월이 보이도록 설정했습니다. (month에는 +1을 해야합니다.) prevLast 와 thisLa..
자바스크립트를 이용하여 글자를 한글자씩 나타나게 만드는 기능을 만들어 보겠습니다. 자바스크립트에서 HTML에서 지정한 class 에 javascript 기능 추가 가능합니다. introMessage 는 자신이 작성하고 싶은 메세지를 작성하면 됩니다. timeInterval은 조금 있다 90ms 마다 글자가 나오게 설정하기 위해 지정한 것이고, index는 배열의 위치 때문에 지정해 놓았습니다. typing 이라는 함수를 생성해서 HTML에 글자 나오게 만들 예정입니다. introMessage에서 주어진 \n 을 innerHTML을 이용해서 로 변경하고 \n가 아닌 것은 지정한 글자로 출력 요청하고 함수가 실행 되면 index 값에 +1을 줍니다. index 값이 메세지의 길이보다 길어지면 값을 출력하지 ..
자바스크립트로 시계 구현하는 많은 자료가 있지만 공부의 목적으로 글을 작성해보겠습니다. 자바스크립트로 만든 시계는 이렇게 만들었습니다. Go를 누르면 시간이 가고 Stop을 누르면 시계가 멈추는 기능을 가진 시계입니다. html 파일과 연동이 되도록 getElementById 를 사용하였습니다. (태그 id의 이름은 자유롭게 설정하세요.) handleId 값은 조금 있다가 시계가 1초 단위로 변화되게 만드는 데 사용할 예정입니다. VS 'prettier' 를 사용하다보니 가끔은 이상하게 정렬이 됩니다... 그래도 정렬이 잘 되니까 이용하고 있습니다. 현재 시간을 가져오는 함수를 만들어보겠습니다. new Date()는 현재 시간을 가져오게 됩니다. get(Hours,Minutes,Seconds 등)은 현재..
