본문 바로가기

JavaScript

[Javascript] ajax활용 - fetch()란? 사용법 안녕하세요 인포돈 입니다. 오늘 알아볼 것은 Javascript를 이용하여 ajax의 fetch() 사용법에 대해 알아보겠습니다. ** 참고사항 - 해당 글은 web에서의 활용을 집중적으로 다루고 있습니다. 웹에서 자바스크립트에 대해 공부를 하다 Ajax라는 라이브러리를 알게 되었습니다. Ajax의 경우 자바스크립트에서 웹 페이지를 부분적으로 바꾸고 싶어 만들어진 라이브러리입니다. 쉽게 말하면 바뀌어야 될 웹페이지만 바뀌고 바뀌지 않아야 할 웹페이지는 그대로 내버려 두도록 도와주는 라이브러리다. 예를 들어 웹페이지 카테고리, 대표 이미지 등은 해당 웹에서 다른 카테고리로 넘어가더라도 상단에 계속 남아있어야 됩니다. 만약 이러한 페이지가 수십억 개 있다면, 많은 용량을 잡아먹게 됩니다. 이러한 단점을 해결.. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 7.2(객체, document메소드, 조건문, 반복문, while, js파일참조) 안녕하세요 인포돈 입니다. 누구나 javascript를 이해하실 수 있습니다. 본 7.2 글을 마지막으로 javascript의 기본 과정이 마무리됩니다. 해당 시리즈를 이해하신다면, js의 기초 끝났습니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 객체 객체는 연관된 데이터와 함수의 집합입니다. 여러 데이터 .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 1 (JS란?, event, onclick, onchange, onkeydown, 웹에서 js사용하는 법) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. javascript가 무엇인가? 인터넷 상에 있는 수많은 웹들은 html을 기반으로 만들어졌다. 그러나 html은 컴퓨터 프로그래밍 언어라기보다는 컴퓨터 언어라고 볼 수 있다. 여기서 프로그래밍이라는 단어의 의미는 '순서'라고 볼 수있다. h.. 더보기
HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 1(계획) 안녕하세요 인포돈 입니다. 처음 블로그의 글을 올려보네요. 여러 번의 수정이 있겠지만, 최선의 노력으로 열심히 올려보겠습니다! 저의 첫 포스팅은 바로 HTML로 만드는 홈페이지!! 저도 HTML을 처음 접해 보기 때문에 같이 배우면서 제작까지 도전해 보려 합니다. 대신!! 모두가 이번 HTML로 만드는 홈페이지 시리즈를 따라 하신다면 시리즈를 완독 했을 때는 반드시 자신만의 홈페이지를 직접 제작했다는 성취감을 드리겠습니다. 우선 우리 모두가 처음이거나 익숙지 못한 것을 공부할 때 가장 중요한 것이 무엇인지 아시나요?? 저는 바로 목표입니다! 무엇이든 처음 시작은 의욕이 넘칩니다. 그러나 시간이 지나면 지날수록, 그 열정을 빠르게 식어가죠 그럴 때마다 저희는 되새겨야 됩니다. 저희의 목표를요 작은 팁은 처.. 더보기