본문 바로가기

전체 글139

순수 함수가 뭘까? 간단 결론 : 외부 요인에 의해서 return 값이 변하지 않는 경우를 순수함수라고 한다. 1.순수함수 조건 동일한 인자가 들어갈 경우 항상 같은 값이 나와야 한다. 부수적인 효과가 일어나면 안 된다. return 값으로만 소통한다. 순수함수는 평가 시점이 중요하지 않다. 만약 순수함수가 아니라면 동일한 인자를 넣어도 다른 값이 나오는 경우 어떠한 시점에서 함수를 평가할지가 굉장히 중요한데 순수함수는 동일한 인자를 넣으면 항상 같은 값이 나오기 때문에 굳이 평가시점을 따질 필요가 없다. 순수함수 function add(a, b) { return a + b; } console.log(add(10, 5)); console.log(add(10, 5)); console.log(add(10, 5)); 순수함수가 .. 2021. 1. 18.
React LifeCycle 생명주기 (최대한 쉽게 설명) 기본적으로 Component를 사용하기 시작할 때 Mount (장착시킨다) 한다. Mount가 완료되면, Props, setState, forceUpdate 등의 값을 입력받아 다시 렌더링 한다. 렌더링을 마치면, React DOM을 재반영시킨다. (componentDidUpdate) Component 사용을 마쳐서 제거할 때, componentWillUnmount (장착을 해제시킬건데, 작동할 함수를 구동할께) 를 구동시킨다. componentWillUnmount 는 주로... 계속 유지할 필요가 없는 State를 해제시키면서 component를 Unmount 하는 게 맞기 때문에 대략.. 네트워크 연결상태 해제 같은 것들을 한다고 보면 적당할 것 같다. 예를 들면, 로그인 상태 값을 해제시키는 것도 .. 2021. 1. 15.
ECMAscript != Javascript 두 개는 서로 다르다. ECMAscript 는 script 언어를 이렇게 만들자 하는 표준 규격서 같은 것이다. 예를 들면, ISO 7규칙 같은 표준화라고 할까나... 4G, 5G 표준화 규격을 세우고, 이걸 구현하는 기술은 여러가지다. (4G도 LTE-Advanced, Wibro evolution... ) 암튼, 둘은 다르다. Javascript는 ECMAscript를 준수해서 개발된 LTE-Advanced 같은 기술(언어)이라고 보면 된다. 2021. 1. 14.
[Javascript] 화살표 함수 간략 설명 짧은 함수 일부 함수 패턴에서는, 짧은 함수가 환영받습니다. 비교해 보세요: var elements = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ]; // 이 문장은 배열을 반환함: [8, 6, 7, 9] elements.map(function(element) { return element.length; }); // 위의 일반적인 함수 표현은 아래 화살표 함수로 쓸 수 있다. elements.map((element) => { return element.length; }); // [8, 6, 7, 9] // 파라미터가 하나만 있을 때는 주변 괄호를 생략할 수 있다. elements.map(element => { return element.length; }); //.. 2021. 1. 13.
Rest API 작성 방법 전송 방식 HTTP Method(사용예)설명 GET(/boards/123) 자료의 조회 DELETE(/boards/123) 자료의 삭제 POST(/boards 혹은 /board/new) + 데이터 신규 자료의 등록 PUT(/boards/123) + 데이터 신규 자료의 수정 혹은 등록 PATCH 간혹 PUT방식 대용으로 사용 REST API 제대로 알고 사용하기 : TOAST Meetup REST API 제대로 알고 사용하기 meetup.toast.com 출처 : velog.io/@ette9844/REST-REST-API%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC meetup.toast.com/posts/92 출처 2번째 것을 보고 작성한다. 2021. 1. 12.
DOM이란 무엇인가? (진행 순서, DOM & DOM Tree 차이) DOM은 문서를 파싱해서 생긴 구조화된 객체 모델을 DOM이라고 한다. HTML or XML 같은 문서를 불러와서 Tree (DOM Tree) 구조로 변환하는 것이 DOM의 역할(기능) 이다. DOM자체가 하는 것은 아니고, 일단은 브라우저의 엔진에 탑재된 Parser가 Tree구조를 만들 때, DOM이 개입한다. 그래서 DOM구조로 변환시키는 것이다. Parser는 HTML의 TEXT String을 구조화하는데서 역할을 다하고, 이를 브라우저에서 조작가능하도록 객체(속성을 제어할 수 있는)로 변환하는 것을 DOM이 담당한다. DOM을 통과하면, DOM Tree가 만들어지고, 이 DOM Tree가 CSS가 Parsing된 문서를 가지고 스타일 규칙을 DOM에 적용해서 형상을 만든다. 이를 렌더링 해서 브.. 2021. 1. 12.

티스토리툴바