web

· ETC/Error
Error : The attempt to bind ~ in the workspace failed as this URI is malformed. URI 관련 오류이다. 작업하던 코드에 다음과 같은 코드가 있었다. location.href = "/support/faq/search/" + escape($scope.searchText); 검색어를 처리하는 부분인데, escape 함수를 쓰지 않고 그냥 변수를 쓰면 물음표와 우물정자가 검색어로 들어오면 에러가 떴었다. 이를 해결하기 위한 코드였는데 얘 때문에 위와 같은 에러가 떴던 것이다. 얘를 다음과 같이 고쳐주면 해결 완료! location.href = "/support/faq/search/" + encodeURIComponent($scope.searchTex..
· Frontend
오늘은 jQuery 의 each() 메서드에 대해서 알아보려고 합니다. each() 함수의 개념 jQuery의 each() 메서드는 배열, Map, 그리고 객체를 매개변수로 받아, 마치 반복문처럼 그 요소들을 검사하고 반복할수 있도록 하는 함수입니다. 개인적으로 C++등의 범위기반 for문(range-based for loops)과 유사하다고 생각합니다. //C++ 의 범위 기반 for문 (Range-based for loop) int main(){ int arr[] = { 1, 2, 3}; for (int i : arr) { cout
· Frontend
이번 포스팅에서는 JSON 파싱에 대해 간단하게 알아보려 합니다. JSON 이란? - JavaScript Object Notation의 약자 - 경량화된(가벼운, 쉬운) 데이터 교환 형식 - 자바스크립트 텍스트 객체 그 자체임. - 컴퓨터간 데이터를 보낼 때 사용됨. - 언어에 종속되지 않는다는 특징을 가짐. JSON Parsing 하기 웹 서버로부터 다음과 같은 텍스트를 받았다고 하자. '{"name" : "Rose", "age" : 24, "Residence" : "Seoul"}' 이때 이 텍스트를 자바스크립트 객체로 변환하기 위해서 자바스크립트의 함수인 JSON.parse() 를 사용한다. JSON.parse('{"name" : "Rose", "age" : 24, "Residence" : "Seou..
· ETC
-2021.08.05 1. JavaScript, JQuery, JQuery Team 자바스크립트 코드는 웹 브라우저가 문서의 모든 요소를 로드한 뒤에 실행되어야 함. 그렇지 않으면 오류 발생. 이를 해결하기 위해, 문서의 다른 요소들을 로드한 뒤에 실행하게 해주는 코드들이 여러개 존재함. // 1. JavaScript window.onload = function(){ //JavaScript 코드; }; // 2. JQuery $(document).ready(function(){ //JQuery 코드; }); // 3. JQuery Team $(function(){ //JQuery 코드; }); ex) $(document).ready(function(){ $("#doc").text("문서가 전부 로드 됨"..
· Frontend
안녕하세요. 이번 글에서는 자바스크립트 함수의 범위(scope)와 호이스팅에 관해 알아볼 것입니다. 함수의 유효 범위 대부분의 프로그래밍 언어에서는 블록 내에서 정의된 변수를 블록 외부에서는 접근할 수 없다. 여기서 블록(block)이란, 코드 내에서 중괄호({})로 둘러싸인 부분을 가리킨다. 이러한 블록을 기준으로 하는 유효 범위를 블록 단위의 유효 범위라고 한다. 함수의 유효 범위(function scope) 하지만 자바스크립트는 다른 언어와는 달리 함수를 블록 대신 사용한다. 자바스크립트에서 함수는 자신이 정의된 범위 안에서 정의된 모든 변수 및 함수에 접근할 수 있다. 아마 따로 메인함수가 없어서 그런 것이 아닐까..? '전역 함수'는 모든 전역 변수와 전역 함수에 접근할 수 있다. 반면 특정 함..
rocher71
'web' 태그의 글 목록