remagine

REACT JS 공부해보기 다음 프로젝트는 REACT를 사용해서 프론트엔드를 관리하기로 하였습니다. 그래서 공부를 하면서 알게된 내용들을 파편적으로 정리하고자 합니다. 1. REACT VS ANGULAR 저도 많이 했던 질문입니다. REACT가 낳나요? ANGULAR가 낮나요? 결론적으로는 이 두 개는 비교 대상이 아니라는 것입니다. REACT는 LIBRARY이고, ANGULAR는 FRAMEWORK입니다. FRAMEWORK는 필요한 기능이 대부분 만들어 있어서, 이 기능을 활용하여 서비스를 만듭니다. 그래서 FRAME, 틀에서 벗어나는 기능을 만드는 것은 제약이 있습니다. LIBRARY는 그냥 가져다 쓸 수 있는 코드덩어리 입니다. 다른 LIBRARY와 충돌이 일어나지 않습니다. 가볍고 빠르지만, 기능을..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures는 정말 천국과도 같은 사이트다 1. 클로저는 독립적인(자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 기억한다. 뭔소리인지 모르겠다. 일단 클로저는 내부함수를 지칭하는 말인듯 하다 2. 12345678function init() { var name = "모질라"; // init에 있는 지역 변수 name function displayName() { // 내부 함수, 즉 클로저인 displayName() alert(name); // 부모 함수에 정의된 변수를 사용한다 } displayName();}init();Colored by Color Script..

오늘 submit으로 검색이 되던 페이지에서 Ajax로 검색이 되도록 요건이 들어왔다. 1.checkbox로 검색이 되는 ajax 2.input text로 검색이 되는 ajax 같은 ajax를 다른 환경에서 써야되서 this가 상황에 따라 달라져야 했다. 1234567891011//Ajax 필터 검색$('.x-types').on('click', function(){ $('.searchbox-input').val(''); searchAjax.call(this);}); //검색버튼 submit 처리$('.searchbox-search').on('click', function(){ $(this).find('input[name="type2"]').prop('checked', false); searchAjax.c..

JAVASCRIPT 초급 강의 3  이번 시간 예제 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950!DOCTYPE html>html lang="ko-KR">head>  meta http-equiv="X-UA-Compatible" content="IE=Edge">  meta charset="UTF-8">  title>JavaScript Core/title>  script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">/script>  script>    // if ( !this.jQuery ) {    //   ..

JAVASCRIPT 기본 강의 2 뭔가 보여드리겠습니다 -햄스터(무직) 모든 예제는 브라우저 개발자 도구에 복붙하셔서 바로 확인하실 수 있습니다. 읽고 지나가지 마시고 예제들을 직접 확인해보세요 1. 지난 시간 복습 /* --------------------------------------------------------- * 자바스크립트 데이터 유형 * 1. 원시형 데이터 (복사, pass to value) * 1.1 숫자(Number) * 1.2 문자(String) * 1.3 불리언(Boolean) * 1.4 undefined * 1.5 null * 2. 자료형 데이터 (참조, pass to reference) * 2.1 함수(Function) * 2.2 배열(Array) * 2.3 객체(Object..

JAVASCRIPT 초급 강의 1 모든 예제는 브라우저 개발자 도구에 복붙하셔서 바로 확인하실 수 있습니다. 읽고 지나가지 마시고 예제들을 직접 확인해보세요 1.자바 스크립트 데이터 유형 객체유형1. Number2. String3. Boolean4. Object5. Array6. Function 객체가 아닌 유형1. null2. undefined 2. 표기법 var prop = ' 속성이름' ; 객체[prop] 3. Console 스타일 console.log('%c this is console object', 'color : red; font-weight : bold; font-size:200px'); 4. 메모리 공간 변수에 데이터를 대입할 때 1. pass-to-value (복사) 예시) 원시데이터 ..