본문 바로가기

전체 글122

타입스크립트란 무엇일까? + 개발환경설정 타입스크립트란 무엇일까? 1. 타입스크립트란? 자바스크립트를 기반으로 한 superset이다. 자바스크립트의 기능 + 자바스크립트에 없는 기능 2. 타입스크립트의 특징 타입표기 : 변수 값에 데이터 타입 지정 가능 객체지향적 컴파일 타임 오류를 잡을 수 있다. 타입스크립트로 작성된 코드가 자바스크립트로 컴파일 되어야 한다. 왜냐면 브라우저는 JS만 이해가능 프로그래밍 언어인 동시에 컴파일러! 개발환경설정 1. VS Code 설치 구글 검색해서 다운 고고 https://code.visualstudio.com/ Extension 설치 (1) Prettier : 코드를 포맷팅하는 것을 도와주는 것, 코드를 보기 쉽고 읽기 쉽게 (2) ESLint : 코드 품질 도구, 코드 검사, 문제에 대해 경고 (3) Pa.. 2021. 6. 5.
우아한테크러닝 4기 / 20210603 / 교육에 대한 기록 / 메모장 1교시 [Mission에 대한 민태 님의 코멘트] 놀라운 게 2가지다 1. 생각보다 많은 사람들이 약 40명 정도 리포지토리를 생성해주었다. 2. 그리고 1명을 빼고 대부분 동일한 형태로 초기 구성을 했다. (CRA만 한 수준... 하하하...) [그리고 Mission에 대한 발표를 해주실 분 2분 섭외] 1. 김홍중 님 : CRA는 유지보수가 어려워서 Webpack 및 babel 설정을 직접 했다고 했다. 근데 이 부분에 몇몇 참석자들이 의문이 생겨서 재 질문 -> 실무에서는 설정을 변경할 일이 많아서 커스텀을 해야 하는데 그래서 처음부터 직접 설정하면 유지보수 측면이 더 좋다. (시니어의 입장에서 민태 님의 질문) 무엇을 어떻게 어디까지 만들 것인지에 대한 목표가 나와있지 않다. 그리고 사용하려고 하.. 2021. 6. 3.
Git Repository & React & TypeScript 기본 세팅 휴...시작하자마자 난관에 봉착. 다른 고수분들과 다르게 나는 거의 제로베이스에서 출발이기 때문에 기본 세팅부터 일단 막힌다. 우선 여러 블로그 등을 구글링 해본결과 최근에 리액트와 타입스크립트 세팅에 대해 잘 정리해주신 블로그가 있어서 해당 포스팅을 참고하여 세팅하였다. 아래는 그 출처 (너무 감사합니다!) https://velog.io/@junghyeonsu/React-create-react-app-Typescript-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85-%EC%99%84%EB%B2%BD-%EC%A0%95%EB%A6%AC [React] create-react-app & Typescript 초기 세팅 완벽 정리 최근에 타입스크립트를 배우고 타입스크립트로 create-rea.. 2021. 6. 3.
리액트 시작하기 *본 포스팅은 https://ko.reactjs.org/ 을 참고하여 작성하였다. *또 IDE는 VS CODE로 연습하였다. 1. 리액트가 뭘까? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 라고 한다. 2. 리액트가 뭐가 좋은가? 선언형 : 코드를 예측 가능하고 디버깅하기 쉽게 해준다. 컴포넌트 기반 : 캡슐화된 컴포넌트, 다양한 형식의 데이터를 앱 안에서 쉽게 전달 어디서나 사용하기 : Node서버에 렌더링도 가능하고 React Native로 앱도 제작가능 컴포넌트의 가독성이 좋아 재사용성, 유지보수성이 높음 라이브러리 이기 때문에 다른 프레임워크와 호환이 좋음 JS 객체의 Virtual DOM을 사용하여 앱 성능을 향상시킴 3. 리액트 시작하는 방법 CDN 링크 위 사이트에서 링크.. 2021. 6. 3.
2021 정보처리기사 실기 일주일 만에 합격한 후기 지난 필기 합격후기에 이어서 실기 합격 후기를 작성한다. 난 필기와 실기 둘다 각각 일주일씩 공부하여 합격하였다. 그래서 어떤식으로 공부하여 합격했는지에 대한 나만의 흐름?? 등을 기록하고자 글을 남기고 혹시나 한 두 명이라도 내 블로그에서 좋은 기운과 다짐을 얻어가기를 바라는 마음에 이글을 쓴다. 우선 내 관점에서 실기와 필기의 차이는 이러하다. 필기 : 객관식, 1회독 집중해서 하면 어지간한 문제는 풀 수 있는 수준 실기 : 주관식, 최소 2회독은 해야 그나마 볼펜이 움직이는 수준 *처음보는 사람의 기준에서 라는 의미 하지만 우리는 필기 공부를 통해 최소 1회독은 했다고 생각한다. 그렇다면 사정이 있는 경우를 제외하고는 필기 합격 후 바로 실기를 뽀개야 한다. 마치 수능 친 학생이 바로 공무원시험 준.. 2021. 6. 2.
우아한테크러닝 4기 / 20210601 / 교육에 대한 기록 / 메모장 우아한테크러닝 첫 교육 날이다. 전체적으로 자유로운 분위기에서 앞으로의 계획 및 의견을 공유하는 시간을 가졌다. 난 당장 취업은 백엔드로 할 예정??이지만 그런 경계선의 구분없이 다양한 배움을 습득하고 싶기에 해당 교육을 신청하였다. 하여 단순히 커리어의 목적도 당연히 있겠지만 + 디스코드에서 모르는 사람들끼리 게임한판 한다는 생각으로 임할 예정이다. 그럼 1달간의 임시 회사에 대한 여정을 시작해볼까한다. 금일주제 : 오리엔테이션 느낌으로 가볍게 1. 아이스브레이킹 : 5문제 정도 가볍게 나옴 테크러닝 3기 김민태님 관련 문제 : 미식가, 라이더, 전문 사진작가 DR : Developer Relations 2. 3분 선정해서 간단한 자기소개 (내 줌이 반응이 좀 느려서 나도 할려고했지만 실패) LOG 완.. 2021. 6. 1.
2021년 41회 조금 늦게 작성하는 SQLD 시험 후기 및 기출문제?? https://ruckus.tistory.com/31?category=947867 SQLD 스터디 일주일 플랜 정보처리기사 합격으로 약간의 뽕이 차올라 있던 나는 충동적으로 SQLD 접수도 해버렸다..5월 초에.. 처음에는 3주정도 기간을 가지고 1주정도 이론 공부 2주는 문제풀이 + 오답풀이 형태로 공부를 ruckus.tistory.com 5월 22일 계획한 대로 일주일 공부하고 SQLD 시험을 드디어 봤다. 휴...전날 까지 공부한다고 1시간30분 자고 갔는데 어찌어찌 집중해서 답안은 전부 작성하긴 하였다. 1과목 10문제, 2과목 객관식 30문제, 주관식 10문제 총 50문제. 일단 기억나는 대로 정리해보자면 (아마 SQLD 카페에서 복원 시트 만들었을테니 가서 확인해봐도 된다~) 1과목 1. 데이.. 2021. 6. 1.
SQLD 정리 / 과목 2 SQL 기본 및 활용 / 제3장 SQL 최적화 기본 원리 / 제3절 조인 수행 원리 제3절 조인 수행 원리 1. NL Join NL Join은 프로그래밍에서 사용하는 중첩된 반복문과 유사한 방식으로 조인을 수행한다. 반복문의 외부에 있는 테이블을 선행 테이블 또는 외부 테이블(Outer Table)이라고 하고, 반복문의 내부에 있는 테이블을 후행 테이블 또는 내부 테이블(Inner Table)이라고 한다. 선행 테이블 또는 외부 테이블->후행 테이블 또는 내부 테이블 결과 행의 수가 적은 테이블을 조인 순서상 선행 테이블로 선택하는 것이 전체 일량을 줄인다. 조인이 성공하면 바로 조인 결과를 사용자에게 보여줌으로 온라인 프로그램에 적당하다 2. Sort Merge Join 주로 스캔하는 방식으로 데이터를 읽음. 조인 칼럼 인덱스 없어도 사용가능 -> 단, 성능이 떨어질 수 있음 조인 칼.. 2021. 5. 28.
SQLD 정리 / 과목 2 SQL 기본 및 활용 / 제3장 SQL 최적화 기본 원리 / 제2절 인덱스 기본 제2절 인덱스 기본 1. 인덱스 특징과 종류 - 원하는 데이터를 쉽게 찾을 수 있도록 돕는 책의 찾아보기와 유사한 기능 - DML작업은 테이블과 인덱스를 함께 변경해야하기 때문에 느려질 수 있다 (1) 트리 기반 인덱스 DBMS에서 가장 일반적인 인덱스는 B-트리 인덱스 이다. 브랜치 블록과 리프블록으로 구성 브랜치 블록의 가장 상위의 블록을 루트 블록이라고 한다. (2) SQL Server의 클러스터형 인덱스 SQL Server에는 클러스터형인덱스, 비클러스터형인덱스가 있다. 클러스터형인덱스의 2가지 중요성 - 인덱스의 리프페이지가 곧 데이터페이지 - 리프페이지의 모든 로우는 인덱스키 칼럼순으로 물리적으로 정렬되어 저장됨 2. 전체 테이블 스캔과 인덱스 스캔 (1) 전체 테이블 스캔 : 전체를 스캔하면.. 2021. 5. 28.

티스토리툴바