cyber walkthrough

저번 포스팅에서 리팩토링을 함수화해서 fetchPage라는 함수를 제작하는 것 까지 해보았습니다. [ AJAX ] AJAX #1 - fetch 함수 이용해보기 이번 포스팅에는 페이지를 일일이 서버로부터 다운로드 받지 않고도 동적으로 페이지를 조절할 수 있는 기술인 AJAX에 대해서 알아보겠습니다. AJAX는 옛날에는 엄청 길고 까다로운 코드를 통해 seahippocampus.tistory.com 이번에는 페이지 안에서 특정한 부분에 접근할 수 있는 해시라는 기능에 대해 알아보겠습니다. 이건 비밀번호를 DB에 저장할 때 쓰는 HASH함수와는 다른 해시입니다. 이렇게 문단을 3개 준비해보았다고 치겠습니다. hash.html 파일로 만들었습니다. 그리고 3번째 문단에 id값으로 three를 주겠습니다. 웹으로..

이번 포스팅에는 페이지를 일일이 서버로부터 다운로드 받지 않고도 동적으로 페이지를 조절할 수 있는 기술인 AJAX에 대해서 알아보겠습니다. AJAX는 옛날에는 엄청 길고 까다로운 코드를 통해 구현해야 했는데, 시간이 지나면서 jQuery 방식을 지나 현재는 fetch라는 API가 등장해서 전부 fetch API를 이용해 AJAX를 이용한다고 합니다. fetch API는 javascript의 기본 기능이라서 jQuery의 CDN과 같은 추가 작업을 해주지 않고도 바로 사용할 수 있는 장점이 있습니다. 웹에서 AJAX 이용해보기 html과 javascript를 주로 쓸 예정이니 visual studio code 를 켜서 index.html을 만들어줍니다. ! + TAB으로 기본 골격을 잡아줍니다. 요로케요 ..

웹컴파일러는 IDEONE.COM을 사용했습니다. 거의 모든 현존 언어를 바로바로 실행하고 결과를 볼 수 있어 좋은 사이트입니다. 배열 내장 함수를 테스트 하기 위해 간단한 요소 5개짜리 배열을 생성합니다. 1. push push 내장함수는 배열의 끝에 하나 이상의 요소를 추가하고, 리턴값으로 제일 최근 길이를 반환한다. push는 원본 배열을 바꿀 수 있는 함수이다. 터미널에 push함수로 array2 변수에 저장합니다. array와 array2 둘 다 찍어보니 array는 배열 끝단에 제가 추가한 문자열에 추가되고 array2는 6을 반환합니다. 2. splice splice는 배열의 기존 요소를 삭제 또는 교체하거나 추가하여 배열을 변경합니다. 원본 배열을 바꾸고, 이 때 삭제시킨 요소를 다시 반환합..

label 태그 label 태그는 for 속성을 가지고 있어 다른 요소와 결합할 때 자주 사용된다. 이때 for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 한다. label 요소는 웹 페이지에서 일반 텍스트처럼 보이지만, 마우스로 클릭할 경우 label로 연결된 요소를 곧바로 건드릴 수 있어 사용자의 편의성을 증가시킬 수 있다. ,,,,,, 등에 같이 사용될 수 있다. 10대 위 코드처럼 사용하면 "10대" 라는 글자만 클릭해도 teen 아이디를 가지는 input 태그를 클릭한 것과 같은 결과가 나온다. css 기본값 label { cursor: default; } article 태그 특정 영역을 그룹화할 때 사용한다. 블로그 티스토리 포스팅1 포스팅2 포스팅3 article 태그는 해당 페이..

컴파일러 언어 : 프로그래머가 짠 코드를 컴파일러가 기계어나 또는 중간언어로 번역하여 최종 기계로 보내서 소프트웨어가 동작하도록 만드는 언어, 코드를 미리 번역해서 출시하는 게 특징 인터프리터 언어 : 프로그래머가 쓴 코드를 그대로 가져가서 실시간 번역을 실행하는 언어, 다른 말로 스크립트 언어라고도 함, 실행할 때마다 번역함, 프로그래밍 코드가 그대로 보여지기 때문에 쉽게 누출되기도 함 ex ) 자바스크립트, 파이썬, 루비 등 환경 변수 '환경'이란건 소프트웨어가 동작하는 공간을 의미 '환경 변수' 라는 건 소프트웨어가 깔린 컴퓨터마다 지정된 값 환경 변수의 사용처 : 어떤 파이썬이나 자바 프로그램이든 컴퓨터마다 설치된 위치를 적어넣어서 실행할 수 있게 만드는 것, 오픈소스로 남들에게 공개되는 코드들에..