본문 바로가기

전체 글

개발/React 2023. 4. 21. one way binding redux : 상태를 전역적으로 관리해주는 라이브러리 상태(=데이터)를 어떤 유형의 ui로 가공하는가가 핵심이다! One way binding Two way binding : Anguler(데이터-ui) Flux에서의 단방향 데이터 흐름 단방향 데이터 흐름은 Flux 패턴의 핵심인데 위 다이어그램은 Flux 프로그래머를 위한 제일의 멘탈 모델 이 된다. dispatcher, store과 view는 독립적인 노드로 입력과 출력이 완전히 구분된다. action은 새로운 데이터를 포함하고 있는 간단한 객체로 type 프로퍼티로 구분할 수 있다. view는 사용자의 상호작용에 응답하기 위해 새로운 action을 만들어 시스템에 전파한다: 사용자 상호작용에 따른 Flux의 데이터 흐름 모든 데이터는 중앙 허브인 ..
개발/React 2023. 4. 19. ERR_OSSL_EVP_UNSUPPORTED webpack https://stackoverflow.com/questions/69394632/webpack-build-failing-with-err-ossl-evp-unsupported Webpack build failing with ERR_OSSL_EVP_UNSUPPORTED I'm having an issue with a Webpack build process that suddenly broke, resulting in the following error... [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules node:int... stackoverflow.com https://github.com/webpack/webpack/issue..
개발/React 2023. 4. 18. Module not found: Can't resolve '라이브러리명' https://japing.tistory.com/entry/React-Module-not-found-Cant-resolve-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EB%AA%85 [React] Module not found: Can't resolve '라이브러리명' 리액트에서 만나는 이 오류는 새로운 라이브러리들을 다운로드 받아 사용하려고 할때 종종 나타났던 오류이다. 해결법은 간단하다. 1. 아래의 파일 및 폴더를 삭제한다. [File] package-lock.json [Direct japing.tistory.com 1. 아래의 파일 및 폴더를 삭제한다. [File] package-lock.json [Directory] node_modules 2.아래의 명령어..
기록 2023. 4. 16. Virtual DOM, state, props Virtual DOM 이란? 위키에서의 정의 A virtual DOM is a lightweight JavaScript representation of the Document Object Model (DOM) used in declarative web frameworks such as React, Vue.js, and Elm.[1] Updating the virtual DOM is comparatively faster than updating the actual DOM (via JavaScript).[citation needed] Thus, the framework is free to make necessary changes to the virtual DOM relatively cheaply. The f..
개발/JavaScript 2023. 4. 9. ES5 to ES6 JavaScript의 ES란? 나무위키에서는 이렇게 정의한다. ECMA Script란..? ECMA스크립트(ECMAScript, 또는 ES[1])란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 우리가 흔히 사용하는 ES5, ES6은 버전 숫자를 붙여 ECMAScript를 줄여 쓰는 말이다. 2009년에 ES5가 등장하고 2015년에 ES6가 등장하며 큰 변화가 있었다. ES6는 이전 버전의 문제점을 해결하고 기존 코드를 간결하게 작성할 수 있는 새로운 문법을 추가하여 코드의 가독성과 유지 보수성을 향상시켰다. ES5와 ES6의 문법 차이 ES6이후 추가된 스펙 화살표 함수 (A..
기록 2023. 4. 9. WIL 4월 1주차 회고 4.3일부터 시작된 항해99 부트캠프 본과정에서 이번 주차 동안의 기록을 남겨본다. 알고리즘 문제 풀이 프로그래머스 Lv1의 문제들을 팀원들과 하루 7개씩 풀어나갔다. 자바스크립트 메서드에 익숙지 않아 대부분 반복문과 조건문을 이용해 풀었다. 후에 다른 사람들의 풀이를 보고 MDN을 찾아가며 메소드들을 적용해 다른 방식의 풀이를 익혔다. 코드를 간결하게 만들기 위해 메소드를 사용해보며 퍼포먼스를 비교해보았는데 문자열을 배열로 변환해서 다시 활용하는 불필요한 과정도 있었고 기존 반복문으로만 작성한 코드보다 실행속도 면에서 좋지 않은 코드들도 있었다. 무조건 짧고 가독성이 좋다고 좋은 코드만은 아니라는 것 상기하게 되었다. 페어프로그래밍 2명씩 짝을 지어 4명이서 로테이션으로 페어프로그래밍을 하였다. ..
TypeError: Cannot read properties of undefined (reading '0')
개발/JavaScript 2023. 4. 8. TypeError: Cannot read properties of undefined (reading '0') 배열의 인덱스를 접근할때 발생한 에러다. 에러 코드 function solution(arr){ let answer=0; let n=arr.length; let dx=[-1, 0, 1, 0]; let dy=[0, 1, 0, -1]; for(let i=0; i=0 && nx=0 && ny=arr[i][j])위의 조건을 추가한 완성 코드 function solution(arr){ let answer=0; let n=arr.length; let dx=[-1, 0, 1, 0]; let dy=[0, 1, 0, -1]; for(let i=0; i
TIP/DB 2020. 12. 28. ORA-12514: TNS: 리스너가 없습니다./ 리스너가 현재 접속 기술자에 요청된 서비스를 알지 못함 오류 해결 방법 오라클 환경에서 다음과 같은 에러가 발생할 경우가 있습니다. ​ ORA-12514: TNS: 리스너가 없습니다. ORA-12514: TNS:리스너가 현재 접속 기술자에 요청된 서비스를 알지 못함 listener does not currently know of service requested in connect descriptor ​ 제 경험으로 대부분 tnsname.ora 파일 설정 오류가 원인이었고 아래와 같은 방법으로 해결했습니다. ​ 1. 먼저 tnsname.ora 파일의 경로로 이동합니다. c:\app\oracle\product\11.2.0\dbhome_1(오라클설치경로)\network\admin ​ ​ * 파일은 직접 수정 불가하므로 기존 파일을 백업 후, 복사하여 수정합니다. 2. 기존 tns..

티스토리툴바