anonymous?

Fragment Identifier three Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam minima voluptatum iure iusto, sequi aperiam, totam reiciendis cum consequatur molestias exercitationem ex nulla? Reiciendis velit odit minus dolore, nihil consequuntur qui pariatur nesciunt cupiditate debitis porro, autem recusandae necessitatibus assumenda aut a molestias in aliquam eligendi, eius totam. R..

PROGRAMMING/Web 2021. 2. 24. 22:16

fetch API 사용법 fetch.html css CSSCSS is .... 웹서버 상에 css 파일이 존재하고, fetch.html에서 fetch('css') 할 경우, fetch.html 코드에서 버튼을 누르면 css 데이터를 다운받는다. 그리고 css 파일의 내용이 alert 창에 나온다. html HTMLHTML is .... 그렇다면, 위의 html 파일의 내용을 경고창에 띄우고 싶으면, 다음과 같이 fetch.html 내용을 변경하면 된다. fetch.html 버튼을 누르면 웹서버에 html 파일을 요청하게 되고, 응답이 끝나 모든 작업이 완료되면 alert(text);가 실행되어 경고창이 뜨는 것이고, text 변수 안에는 웹서버가 응답하여 보낸 데이터가 들어있다는 것을 알 수 있다. ht..

PROGRAMMING/Web 2021. 2. 24. 18:19

Ajax(Asynchronous JavaScript ans XML) JavaScript를 이용한 비동기적(asynchronous)으로 서버와 브라우저가 데이터를 교환하는 통신 방식 서버로부터 갱신이 필요한 웹페이지 일부만 로드하여 갱신한다. 서버는 Ajax에 JSON 데이터 형식을 반환한다. 동기식 처리 모델 vs 비동기식 처리 모델 동기식 처리 모델 직렬 방식 순차적으로 작업이 진행되어 하나의 작업이 진행 중이면 끝날 때까지 대기하게 되어 다른 작업은 하지 못한다. 비동기식 처리 모델 병렬 방식 하나의 작업이 끝나지 않아도 대기하지 않고 다른 작업을 수행할 수 있다. Ajax: 요청과 응답 처리 브라우저는 XMLHttpRequest 객체를 이용해서 Ajax 요청을 생성한다. 서버가 브라우저 요청에 대한..

PROGRAMMING/Web 2021. 2. 21. 23:30

⏹ 기존 기능 버튼을 누르면 배경과 폰트 색이 다크 모드, 라이트 모드로 변경된다. ⏭ 추가된 기능 배경이 라이트 모드이면, 검정색 버튼이고 Dark가 텍스트로 써있다. 배경이 다크 모드이면, 흰색 버튼이고 Light가 텍스트로 써있다. 📝 코드에서 변경된 부분 Bootstrap과 jQuery 사용에 필요한 파일들을 로컬에 설치해서 불러오는 방식으로 했는데, 링크로 가져오는 방식으로 변경했다. DOM이 로드되길 기다렸다가 코드를 실행하도록 하는 부분을, 더 축약해서 표현했다. class 이름을 'btn btn-dark'와 'btn btn-light'가 toggle되도록 구현해야 하는데, toggleClass를 사용해서 인수로 'btn btn-dark'를 주면, toggleClass가 해당 요소를 추가했다..

PROGRAMMING/Web 2021. 2. 19. 02:06

jQuery 함수 jQuery를 사용하기 위해서는 jQuery 객체를 생성해야 한다. jQuery() jQuery 함수를 사용하여 객체를 생성하며, 축약형은 다음과 같다. $() 요소의 텍스트 변경하기 $('h1').text('Hello'); $('h1') : jQuery() 함수 인수로 CSS의 태그 선택자를 지정한다. 선택자의 의해 선택된 요소들은 jQuery 객체 text(): jQuery 메소드로, 해당 요소(Matched set)의 텍스트를 반환한다. 묵시적 반복(Implicit iteration): $('h1')에 의해 생성된 Matched set이 여러 개의 요소를 담고 있으면, jQuery는 반복문 없이 모든 요소에 접근할 수 있다. HTML을 인수로 전달받아 새로운 HTML 요소 생성하기..

PROGRAMMING/Web 2021. 2. 18. 16:44

💻 구현코드 🌞Day and 🌙Night Mode Light 👈 click button here. Which color? Black or White?? toggleClass: body 요소에 dark 클래스가 있으면 추가, 없으면 제거한다. 따라서 default로는 background-color: white, color: black이었다가, dnn을 id로 갖는 요소를 클릭하면 body에서 dark 클래스를 추가한다. ✅ 버튼 클릭 이벤트 처리: jQuery $(document).ready(function(){ // do somthing }); $(function () { // Do something... }); 위의 jQuery 구문은, DOM이 완전히 로드되기 전까지 기다리다가, 완전히 로드되면 매개..

PROGRAMMING/Web 2021. 2. 2. 03:01

실행 컨텍스트 실행 가능한 코드(전역코드, 함수코드, Eval 코드)를 형상화하고 구분하는 추상적인 개념 실행 컨텍스트 객체 1. Variable Object 자바스크립트 엔진은 실행에 필요한 여러 정보를 담은 객체를 생성한다. 이 변수 객체는 코드 실행에 필요한 정보를 위해 자바스크립트 엔진이 참조한다. 변수 객체가 담는 정보: 변수, 매개변수, 인수정보, 함수선언(함수표현식 제외) 2. Scope chian 리스트 전역 또는 함수가 참조하는 변수, 함수 선언 등 스코프의 레퍼런스 저장한다. 3. this value this 프로퍼티

PROGRAMMING/Web 2021. 2. 1. 23:45

함수 호출 방식 1. 함수 호출 2. 메소드 호출 3. 생성자 함수 호출 4. apply/call/bind 호출 함수 호출 방식에 따라 this에 바인딩되는 객체가 동적으로 결정된다. 1. 함수 호출 var foo = function(){ console.dir(this); }; foo(); // 1. 함수 호출 (window) 전역객체(Globla Object): 모든 객체의 유일한 최상위 객체, Browser-Side에서 window, Server-Side(Nodejs)에서 global 객체이다. 전역함수, 메소드 내부함수(객체 내 함수 내부 함수), 콜백함수의 경우 this는 전역객체에 바인딩된다. 따라서 전역변수 value와, 객체 내 value 프로퍼티가 있을 때, this.value는 전역변수를..

PROGRAMMING/Web 2021. 2. 1. 15:16

Lorem Ipsum Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae hendrerit mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia scelerisque nibh nec gravida. Duis malesuada nec nibh sit amet pulvinar. Phasellus congue porttitor arcu, ut suscipit nibh aliquam vel. Nunc arcu lectus..

PROGRAMMING/Web 2021. 1. 31. 16:33

function getMessageText() { return $('#message').text(); } document.body.innerHTML = 'The message'; console.log(getMessageText()); return $('message').text -> return $('#message').text()

PROGRAMMING/Web 2021. 1. 31. 16:13

문제 제출코드 function setup() { var ele = document.getElementsByClassName("remove"); for (var i = 0; i < ele.length; i++) { ele[i].addEventListener('click', function () { this.parentNode.remove(); }); } } // Example case. document.body.innerHTML = ` X X `; setup(); document.getElementsByClassName("remove")[0].click(); // remove 첫번째 div element console.log(document.body.innerHTML); 문제풀이 과정 X X functio..

PROGRAMMING/Web 2021. 1. 31. 03:40

function createCheckDigit(membershipId) { // Write the code that goes here. if(membershipId.length === 1) return membershipId; while(membershipId.length != 1){ let Sum = 0; for(value of membershipId) Sum += parseInt(value); membershipId = Sum + ''; } return membershipId; } console.log(createCheckDigit("55555")); single digit으로 들어온 경우 그대로 리턴 multiple digit인 경우 각 자릿수를 parseInt로 변환 후 Sum에 더해 합계를 구한..

PROGRAMMING/Web 2021. 1. 31. 02:24