탁월함은 어떻게 나오는가?

replace() 는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다. 패턴은 문자열이나 정규식이 될 수 있으며, 교체 문자열은 모든 매치에 대해서 호출된 함수일 수 있다. 1 2 3 4 5 6 7 8 const a = "안녕하세요. 반갑습니다. 한국어도 적용되니?" console.log('a = ', a) console.log(a.replace('한국어도 적용되니?', '영어도 가능하지')) console.log('현재 a값 = ' , a) console.log('이번엔? = ' , a.replace('한국어', '이탈리아어')) cs 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com

기본적으로 비교 연산자(comparison operator)는 좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언값(true 또는 false)으로 반환한다. 그렇기때문에 비교연산자는 if문이나 for문과 같은 제어문의 조건식에 자주 사용하게 된다. 그렇다면 자바스크립트의 == 과 === 은 정확히 어떤 차이가 있을까? 이제부터 == 은 동등비교(loose equality) 라고 부를것이며, === 은 일치비교(strict equality)라고 부르겠다. 동등 비교 연산자와 일치 비교 연산자는 좌항과 우항의 피연산자가 같은 값으로 평가되는지 비교해 불리언값을 반환한다. 하지만 2가지의 비교는 '엄격성'에서 차이가 난다. 동등 비교 연산자는 느슨한 비교를 하지만 일치 비교 연산자는 엄격한 비교를 한다. ..

Web Storage Web Storage란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능이다. 쿠키(cookie)와 비슷한 기능이며, Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회하는 패턴이다. 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 쿠키와 마찬가지로 사이트의 도메인 단위로 접근이 제한된다. 예를 들면, A도메인에서 저장한 데이터는 B도메인에서 조회할 수 없다. 이는 데이터의 보안 측면에서 당연하다. Web Storage의 ..

dispatch함수를 사용하다보면 dispatch안에 있는 함수가 Reucer가 아니라는 에러가 나온다. 그럴경우에는 리듀서 선언을 빠트린 부분이 있는가를 확인해야한다. 나의 경우에는 삭제를 하는 부분을 작성하다가 생긴에러이다. 그렇기에 delReviewIem선언을 확인해보았다. reducer: actions의 구조분해할당을 제대로 했는지 확인. container에도 선언되었는가 확인 그리고 하위 컴포넌트들에도 필요한 만큼 선언되어있는지 확인이 필요하다. 해결완료: 결국 선언이안되어서 생기는 에러니 선언을 확인 후 확인해보면 실행이된다. 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com

동기적(Synchronous) 어떤 작업을 요청했을 경우 그 작업이 종료될때까지 기다린 후 다음 작업을 수행하는 방식 비동기적(Asynchronous) 어떤 작업을 요청했을 경우 그 작업이 종료될때까지 기다리지 않고 다른 작업을 하고 있다가 요청했던 작업이 종료되면 해당 작업에 대한 추가 작업을 수행하는 방식 비동기적 처리를 사용하는데 주로 사용되는 함수와 문법 1. callback 콜백 함수는 특정 함수가 끝난 다음에 어떤 작업을 진행하고 싶을 경우 콜백 함수를 사용한다. 사용 방법은 특정 함수의 파라미터로 콜백 함수를 작성하여 넣어주면 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 const CallBack = () => { const call..

자바스크립트는 동적인 언어라는 점에서 클래스가 없으며, 흔히 프로토타입 기반 언어(prototype-based language)라고 불린다. (ES2015부터 class 키워드를 지원하기 시작했으나, 문법적인 양념일 뿐이며 자바스크립트는 여전히 프로토타입 기반의 언어이다.) 상속 관점에서 자바스크립트의 유일한 생성자는 객체뿐이다. 각각의 객체는 [[Prototype]]이라는 은닉(private) 속성을 가지는데 자신의 프로토타입이 되는 다른 객체를 가리킨다. 그 객체의 프로토타입 또한 프로토타입을 가지고 있고 이것이 반복된다. 결국 null을 프로토타입으로 가지는 오브젝트에서 끝이난다. null은 더이상 프로토타입이 없다고 정의되며, 프로토타입 체인의 종점 역할을 한다. 모든 객체들이 메소드와 속성들을 ..

회사소개(Resume)를 연결하다가 연결이 잘안되서 잘 동작하는 list.html로 실험을 하려고 list.html > list1.html 로 변경해봤다. 생각대로 변경하니 연결이 끊겼다. 그래서 다시 list.html로 바꿔서 동작을 하면 동작 되야하는데, 동작이 되지 않는다. 해결방법 및 코드내용 : ..

비동기 처리 자바스크립트의 비동기 처리란 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 비유로 이해하는 비동기적 방식 카페에서 주문을 하게되면 주문을 받고 제조되는 순서대로 커피를 받게 됩니다.은행 업무와 달리 먼저 주문한 사람의 커피가 다 제조될 때까지 다음 사람이 기다릴 필요가 없기 때문에 카페에 '들어온 순서'보다 먼저 '제조된 순서'가 중요하게 됩니다. 이처럼 연속적으로 발생하는 이벤트를 담은 후 완료되는 순서대로 일을 처리하는 실행 순서가 확실하지 않는 것을 비동기적 방식이라고 합니다. 콜백함수 제어권을 대상에게 넘겨줍니다. 함수 a(getData)의 매개변수로 콜백함수 b(callback)를 전달하면, a(getData)가 b..