전체 글349 JavaScript - Callback 함수란 Updated 2021/05/13 자바스크립트 함수의 특징은 함수가 값이 될 수 있다는 점이다. CallBack 함수란 - 함수 안에서 사용되는 함수로 그 속에서 일종의 루틴 또는 동작을 완성하기 위해 호출된다. 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 일반 함수를 말한다. - 그 자체로 특별한 선언이나 문법적 특징을 가지고 있지는 않다. 일반적인 자바스크립트 함수일 뿐이다. -> 한마디로 콜백함수는 수동태처럼 자기 의지가 없다. 함수가 콜백함수을 밖으로 불러내야지만 나온다. Callback 함수를 사용하는 이유 - 비동기처리 Callback 함수를 사용하는 이유는, 자바스크립트에서 비동기적 프로그래밍을 할 수 있기 때문이다. - 어떤 일을 다른 객체에게 시키고, 그 일이 끝.. 2021. 3. 23. React - .prettierrc 파일 적용하기 비주얼 스튜디오 코드 (Visual Studio Code)에서 리액트 프로젝트에 .prettierrc 파일 적용하기 여러 사람과 협업이나 회사에서는 코드 스타일을 통일해야 하는 경우가 생긴다. 1 .prettierrc 파일을 프로젝트 최상단에 만들기 2 ctrl + , 를 눌러 setting을 열어주고 Format On Save 검색 + 체크 ! 2021. 3. 11. JavaScript - ForEach, For in 그리고 For of updated 2021/05/04 신입사원 두달 차, 전통적인 For문을 사용하다 옛날 방식이라는 소리를 들었다. 그래 ! 이참에 for문 세계에 깊숙히 입문해봐야겠다. 처음엔 전통적인 for문도 감지덕지였지만ㅠㅠ, 이제는 for문 세계의 자매품 같은.. 느낌의 메소드들을 만나보자 간장, 국간장, 진간장느낌이랄까 한마디로 for문하고 용도는 똑같지만 타자를 적게친다 이말이다. forEach 문 얘는 Array 배열에서만! 사용가능한 반복문이다. 원소를 나열하여 검사하는 기능이 있다. 화살표 함수를 사용하여 각 원소들을 element라는 변수에 담아 forEach문을 돌면서 실행한다. 기본적인 사용 방법이다. 전통적인 for문 대신 인덱스# 가 들어간 수식을 사용하고 싶을 때 사용한다. 전통적인 for 문.. 2021. 3. 11. React(27) 리액트 훅 useRef 란 useRef를 사용하는 이유 자바스크립트에서 특정 DOM (태그)을 선택할 때 getElementById, querySelector 같은 DOM Selector 함수를 사용한다. 우리 리액트(특히 함수형 컴포넌트)에서는 특정 태그를 선택할 때 useRef를 사용한다. 특정 DOM을 선택? 구체적으로 무슨말이죠? 말 그대로 특정 태그만 지정해서 그것만 사용할 때 useRef 를 쓴다는 말이다. (only for you💛) 예를 들어 특정 엘리먼트의 크기를 가져와야 한다던지, 스크롤바 위치를 가져오거나 설정해야된다던지, 또는 포커스를 설정해줘야된다던지 등이 있다. 또한 그래프라던가 비디오 등 외부 라이브러리를 사용할 때도 특정 DOM 에다 적용하기 때문에 DOM 을 선택해야 하는 상황이 발생 할 수 있다. .. 2021. 3. 10. React - npm start 에러 4058 ENOENT: no such file or directory 문제상황 create-react-app 을 하여 리액트를 설치하고 npm start로 실행시키려 할 때 에러가 떴다. 예전에 똑같은 에러가 났을 때는 install 명령어 오타로 인한 문제였는데 이번에도 같은 에러이다. 왜 나에게 이런일이? 하나하나 따져보았다. - 오타가 났는가? 아니다. - package.json 를 열어 확인? 파일은 잘 있다. 문제가 없다. - 해당 경로에 package.json이 있는가? 하위폴더에 들어있군.. 그렇다면 npm 설치과정을 한번 더 살펴보자. 다른 분의 블로그에서 참고한 react-app 설치과정이다. - 2번의 과정을 생략 해버렸다. 미리 경로를 변경한 뒤 설치하면 괜찮은 줄 알았기 때문이다. 문제해결 cd my-app을 해주고 실행명령어를 입력해주니 실행성공! .. 2021. 3. 10. React(26) 리액트 훅 Context API 란 Updated 2021/05/07 Context API를 사용하는 이유 React 에서 일반적인 값을 전달하는 방법은 하향식(부모→자식)으로 전달해야한다. 보통 상위에서 → 하위컴포넌트로 props를 통해 속성값을 전달하는데 상위 → 하위 → 하위 → .... → 하위 처럼 많은 수의 컴포넌트를 거쳐 전달하게 되면 코드를 계속 하위로 toss 해줘야 한다. 이 방식은 Level이 깊어질수록 불편함을 야기한다. 이때 Context API를 이용하면 상위 컴포넌트에서 직접 하위 컴포넌트로 데이터를 전달할 수 있다. 중간에 있는 컴포넌트는 콘텍스트 데이터의 존재를 몰라도 되므로 속성값을 반복해서 내려주던 문제가 사라진다. 1. 선언하기 createContext 함수를 호출하면 콘텍스트 객체가 생성된다. 괄호 .. 2021. 3. 8. 이전 1 ··· 46 47 48 49 50 51 52 ··· 59 다음 반응형
