타코벨코딩

SQLD 49회 1과목 ( 객관식 9문제 / 단답형 1문제 ) ■ 문제 1. 아래의 정규화 결과에 알맞은 정규화는? 정답: 2차 정규화 해설: 식별자 컬럼간의 종속성 해결 ■ 문제 2. 속성이 가질 수 있는 데이터 값의 범위를 무엇이라 하는가? 정답: 도메인 ■ 문제 3. 주식별자를 구성하는 속성에서 하나만이라도 제거되면 유일성을 만족하지 못하는 특성은 무엇인가? 정답: 최소성 ■ 문제 4. 다음 보기 중 아래 ERD에 대한 설명으로 바르지 않은 것은? 정답: 3번 하나의 상품은 항상 주문을 가진다 해설: 하나의 상품은 주문을 가질수도 or 가지지 않을수도 있다. ( O = or ) #💡알아두기 ERD 실선(Identifying) / 점선(Non-Identifying) 의 차이 1. 실선 ( 식별관계 )..

문제설명 : 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한 조건: n은 1이상 8000000000 이하인 자연수입니다. n return 118372 873211 function solution(n) { return parseInt(n.toString().split('').sort((a, b) => b - a).join('')); } 차차! 문자열 parseInt 함수를 사용해 문자열을 정수로 ! 변환해야한다! 주어진 정수 n을 먼저 문자열로 변환합니다. (toString() 함수 사용) 문자열을 문자 배열로 분할합니다. split 문자 배열을 큰 순서에..

✅✔️✔ 4가지 ☑️ ✔️ ✓ ✅

useMemo ✅ 메모이제이션 memoization 컴퓨터 프로그램이 동일한 계산을 반복 해야 할떼 이전에 계산한 값을 메모리에 저장함으로싸 동일한 계산의 반복 수행을 제거하고 , 프로그램 실행 속도를 빠르게 하는 기술이다. ✅복잡한 계산일 경우 useMemo를 사용하는 것이 추천되고 이런 경우 성능상 큰 이점으로 작용한다. ✅ 내가 렌더링 하고 싶은 Components 만 재렌더링시키고 싶을 때 사용하는 react Hooks이다. 효율적이고 다시 다른 함수들을 같이 호출하지 않기 때문이다. Const value = useMemo(() => { Return calcutate()’ },[]) => [item] First 인자는 콜백 함수를, 두번째 인자로 의존성 배열을 받는다. 여기서 두번쨰 인자인 배열의..

다국어 지원하기 서비스를 사용한 간단한 학습을 해보았다. 사실 전 회사에서 리액트네이티브 개발자로 근무하면서 경험 한적 이 있기 떄문에 어렵지 않다고 생각했다. 웹 서비스를 지원하면 다국어를 지원하는 경우가 있다. 그 지역에 따라 언어 자동으로 번역이 되거나, 혹은 사용자가 직접 언어를 선택하는 기능을 제공한다. React.js Hooks으로 웹 서비스 다국어 를 지원하는 것을 사용해보자 React-i18next ✅ npm install react-i18next i18next — save React , React-Native 에서 사용하는 국제화 프레임워크이다. en.json ko.json파일에 직접 저장해 변수이름만 같게 지정해준다! MISTAKE index.ts 안에 import './i18n // ..

파이썬을 설치하기 위해 공식 문서 입장 컴퓨터 사양에 맞게끔 설치를 해줍니다. 저는 맥 유저이기 떄문에 맥 os 버전으로 설치하였습니다. 나오면 계속을 누르시고 동의 누르고 계속 뭐하고 비번누르면 설치 완료! 파이썬 공부 해보잣! 파이썬은 세계에서 가장 인기 있는 프로그래밍 언어 이다. 기본적인 언어 배워보고 싶어서 현재 피곤해 죽겠는디 공부하고있땅. IDLE, Install Cerfitication 이거 눌러야함!!

자바스크립트 [x] 자바스크립트는 무슨 언어인가요? [x] 변수 선언, 초기화, 할당의 차이점에 대해 설명해주세요. [x] 데이터 타입에 대해 설명해주세요. 2월 20일 월요일 [x] 생성자에 대해 설명해주세요. [x] ⭐ this에 대해 설명해주세요. call, apply, bind에 대해 설명해주세요. [x] ⭐ 콜백 함수에 대해 설명해주세요. ⭐ 콜백 지옥을 해결하는 방법을 설명해주세요. 2월 23일 목요일 [x] ⭐ Promise에 대해 설명해주세요. Promise.all() 에 대해 설명해주세요. [x] ⭐ Promise와 Callback를 비교 설명해주세요. [x] ⭐ Async, Await이 뭔지 그리고 사용 방법을 설명해주세요. [x] 추가 질문 ⭐ Promise와 Async, Await의..

리액트에서 컴포넌트를 선언하는 방식은 두 가지다. 클래스형 컴포넌트 함수형 컴포넌트 클래스형 컴포넌트와 함수형 컴포넌트의 차이는 무엇일까? 특징 클래스형 컴포넌트 - state 기능 및 라이프사이클 기능을 사용할 수 있다.- 임의 메서드를 정의할 수 있다.- render함수 가 꼭 있어야한다. - render함수 내에서 보여주어야 할 JSX를 반환해야한다. 함수형 컴포넌트 - 클래스형 컴포넌트 보다 선언하기가 훨 씬 편하다.- 클래스형 컴포넌트보다 메모리자원을 덜 사용한다.- 프로젝트 완성 후 빌드하여 배포할때 클래스형 컴포넌트보다 결과물의 파일크기가 작다.- state와 라이프사이클 API의 사용이 불가능하다. (리액트 16.8v. 업데이트 이후 Hooks 기능 도입으로 사용가능해짐)

번들러란? import 로 모듈을 불러왔을 때 모듈을 모두 합쳐서 하나의 파일을 생성해주는 것 읻가. 리액트에서 프로젝트를 만들 때 node_modules라는 디렉터리도 함께 생성되며, 프로젝트 생성 과정에서 node_modules디렉토리에 react모듈이 설치된다. → 그러면 import구문을 통해 리액트를 불러와서 사용할 수있는데 여기서 한가지 알아야 할 점이 있다.!! 모듈을 불러와서 사용하는 것은 원래 웹 브라우저에서는 없던 기능인데 이러한 기능을 브라우저에서도 사용하기 위해 번들러 개념이 탄생한 것이다.😈 번들러는 파일을 묶듯이 연결하는 것을 의미하며**, 브라우저가 아닌 환경에서 자바스크립트를 실행할 수 있게 해주는 환경인 Node.js가 지원해준다.** (참고로 Node.js에서는 impor..

Props Drilling 이란 무엇인가요? 리액트의 컴포넌트 트리에서 데이터를 전달하기 위해서 필요한 과정을 의미합니다. 예를 들어 우리가 App.js에서 데이터를 하위컴포넌트까지 쭉 전달하면 데이터가 변경되었을 때 일일히 고쳐야하는 불편함이 있습니다. 이를 해결하기 위해 전역 상태 관리 라이브러리인 Redux, Mobx를 이용하여 해당 값이 필요한 컴포넌트에게 직접 불러서 사용하는 해결하는 방안이 있습니다. 이렇게 상위 컴포넌트에서 또 하위 컴포넌트로, 또 하위, 또 하위로.. 컴포넌트가 드릴처럼 밑으로 뚫고 내려간다. 이래서 생긴 props drilling이란 단어입니다. 결과를 보면 다음과 같이 잘 출력될겁니다! 정도 props로 넘겨받는 정도라면 상관이 없겠지만.. 과연 이게 네 번, 다 섯번 ..