본문 바로가기

FrontEnd/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) - 7.1(DataType, array, function, event, 변수) 안녕하세요 인포돈 입니다. 웹에서의 자바스크립트의 기초의 모든 것을 알려드리겠습니다. 오늘 이 글(7.1 ~ 7.2)을 보시게 되면 web에서 javascript의 기본을 때었다고 하실 수 있습니다. 웹 페이지, templet과 같이 무료로 소스코드를 보실 때 js에 대해 이해하실 수 있으며, 간단한 웹페이지도 스스로 만들어 보실 수 있습니다! 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 6 (객체, iterate, for in, method, 메소드, 함수, 변수, property, 속성, object) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 객체 이번에 알아볼 것은 바로 객체입니다. 이전에 Javascript에서 큰 산이 두 개가 있는데 그중에 하나는 함수였습니다. 다른 하나가 바로 객체입니다. 객체는 함수위에 존재하는 상위 개념입니다. 쉽게 말해서 함수를 보관하는 상자 정도로 .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 5 (함수, return, parameter) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 함수란? 자바스크립트에서 커다란 산이 두 개가 있다고 합니다. 그중 하나가 바로 함수입니다. 어렵긴 하지만 그만큼 효과가 엄청나기 때문에 꼭 사용해야만 하는 문법이기도 합니다. 자, 이전부터 자바스크립트의 여러 문법들을 싸 용해 봤습니다. 하.. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 4 (배열, 반복문, while, 코드 검색, array) 안녕하세요 인포돈입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 이번 강좌에서 다뤄볼 것은 배열과 반복문입니다. 1. 배열 javascript에서 배열은 무엇이고 또 어떤 역할을 하기 위해서 만들어졌을까요? 비유를 하자면 책이 많아지면 저희는 책꽂이를 사서 책을 정리하듯이 배열도 책들을 모아 넣는 책장이라고 생각.. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 3 (코드 검색 방법, 조건문, 비교연산자, 조건문활용) 안녕하세요 인포돈입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 코드 검색 방법 오늘 강좌에 앞서서 하나의 코드를 먼저 보여드리겠습니다. test web When selling whale Tokens, the seller first takes half of the cost of each sold token .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 2 (DataType, 메소드, parseFloat, isFinite, parseInt, toUpperCase, indexOf, 변수) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 데이터 타입 데이터 타입은 프로그래밍에 있어어서 데이터 종류를 의미합니다. javascript에는 크게 7가지의 데이터 종류가 있습니다. Number(숫자), String(문자열), Null, Boolean, Undefine, Symbol, .. 더보기

티스토리툴바