본문 바로가기

분류 전체보기

 (109)
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220328 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220328 Day01 Today I Learned shell vim git commit Shell 운영체제에서 커널과 사용자 사이에서 사용자의 명령을 해석하고 처리 결과를 나타내주는 프로그램. 명령 줄 쉘(CLI), 그래픽 쉘(GUI)로 구분한다. 다양한 운영체제에서 bash가 기본 쉘로 채택되었다. Shell Command ~ : 로그인한 사용자의 상위 폴더 $ : 명령어를 입력받을 준비가 완료되었다는 의미 ls : 사용가능 디렉토리 목록 확인 cd : change directory, 디렉토리 변경 mkdir : make directory, 디렉토리 생성 .. : 상위 폴더 . : 현재 폴더 - : touch : 텍스트 기반의 새로운 파일을 만들 때 사용, 특정 프로그램을 거쳐 여는 파일(.ex..
패스트캠퍼스 챌린지 최종 후기 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 후기. 22년을 시작하며 시작했던 50일 환급 챌린지가 드디어 끝났다. 사실 챌린지가 종료되었다고 개발 공부를 끝내는 것은 아니지만 우선 챌린지를 완주하였으니 환급 챌린지의 후기 정도가 되겠다. 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 강의는 더 다양한 개발 언어를 공부해보고자 강의를 찾아보다 알게된 강의였는데 찾게된 딱 그 날까지 50일 환급 챌린지 신청을 받고 있었어서 후다닥 신청하고 결제했던 강의였다. 사실 이렇게 유료로 된 강의를 결제해본 것은 처음이라 나에게 열심히 공부하자는 목표를 만드는 기회가 되기도 했었고, 해이해질 때에도 마음을 다 잡아 더 열심히 공부하는 기회이기도 했다. 사실 나는 엄청난 작심삼일의 인간이여서 챌린지를 시작할 때에도 걱정을 조금 하기는 했었다. ..
코드프레소) Code.PRESS-UP 체험단 [데이터 사이언스 트랙] 수강 후기4 코드프레소 체험단으로서의 4번째 후기. 코드프레소에서 초기에 정해주었었던 데이터 사이언스 로드맵에 해당하는 강의를 모두 수강한 뒤 듣고 싶은 강의를 골라서 들어보았다. 인공지능, 클라우드, SW 등등 다양한 코스도 존재하고 다양한 강의들이 있었지만 개발자들과 가장 친한 깃에 대한 강의를 들어보았다. 궁금했던 부분이기도했고 개발자라면 잘 사용할 줄 알아야하는 툴이기도 하기에 이번엔 깃 강의를 들어보았다. https://www.codepresso.kr/course/85 실무자가 알려주는 Git 입문 황현진 강사 코드프레소 데이터 사이언스, SW 공학 대표 강사 현 인공지능 스타트업 브랜잇 대표 전 LG전자 SW엔지니어 선임연구원 서강대학교 컴퓨터공학 SW공학 분야 석사 www.codepresso.kr 실무자..
패스트캠퍼스) K-Digital Credit 프로그래밍 첫걸음 시작하기 5주 차 수강후기 | 프로그래밍 기초 인강 챌린지 5주 차!! 온라인 스터디는 어제 4주 차까지 진행하였고 5주기간의 커리큘럼이기에 스터디는 4주 차로 끝났다. 커리큘럼도 모두 진행하였고 마지막 프로젝트만을 남겨둔 상태이다. 5주 차 강의에서는 프로그래밍 강의가 아닌 개발자의 커리어 로드맵에 관련된 강의였는데 프론트엔드, 백엔드에만 관심을 갖고 있던 나에게 웹 퍼블리셔에 대해서 좀 더 자세하게 알 수 있었던 강의였다. 웹 퍼블리셔 웹 퍼블리셔는 쉽게 말하자면 디자이너와 개발자 사이의 중간 단계를 담당하는 사람으로 디자이너가 디자인한 페이지를 개발 단계 이전에 퍼블리싱하는 업무를 담당하는 사람이다. 페이지를 꾸미기위해 포토샵 등의 툴을 사용할 줄 알아야하며 코딩을 위해 HTML, CSS, JQuery 등 반응형 웹에 대한 지식을 어느정도 갖추어야 ..
패스트캠퍼스 챌린지 50일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 50일 차. 50일 챌린지의 마지막 날!!! 보다 폭 넓은 언어를 공부해보자 마음먹었던게 어제 같은데 벌써 챌린지의 마지막날이 되었다. 마지막 글은 무엇에 관한 글을 쓸까 강의목록을 쭉 보다가 타입스크립트에 대해 정리해보기로하였다. 리액트와 동시에 더 공부해보고싶은 분야였기때문에 이전에 쓴 리액트에 이어 타입스크립트에 관해 정리해보았다. Structural Type System VS Nominal Type System 타입 시스템은 타입스크립트의 타입 체계를 이해하는데에 도움이 된다. 타입스크립트는 Structural Type System을 따르고 있다. Structural Type System은 구조가 같으면 같은 타입이라고 정의하는 방법이다. interface IPerson { name: st..
패스트캠퍼스 챌린지 49일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 49일 차. ReactDOMServer API https://ko.reactjs.org/docs/react-dom-server.html ReactDOMServer – React A JavaScript library for building user interfaces ko.reactjs.org 리액트 공식문서에서는 리액트 돔 서버라고 하는 API를 제공한다. 리액트 돔 서버에서 제공하는 renderToString(), renderToStaticMarkup()와 같은 것들을 이용하게되면 서버에서 리액트 컴포넌트들을 렌더링하고 그것을 문자열로 바꿔서 내려줄 수 있게 된다. 이론상으론 간단하지만 실무에서는 여러가지 케이스와 만나면서 개발자들을 힘들게 하는 요소 중 하나이다. React Server Sid..
패스트캠퍼스 챌린지 48일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 48일 차. 48일 차...? 48일 차.....??? 남은 챌린지 기간 단 2일..? 49일 차, 50일 차가 지나가면 끝이라고라? 벌써 50일이 거의 다 지나간다니 정말 믿기지가 않아~! 공부하고 하루 일과처럼 작성하던 포스팅이였었는데 끝나면 어색할 것 같다. 리액트 SPA 프로젝트 배포하기 npm run build production 모드로 빌드되어 "build" 폴더에 파일을 생성한다. 이때 만들어진 파일들을 웹서버를 통해 사용자가 접근할 수 있도록 처리한다. build/static 폴더 안에 JS, CSS 파일들이 생성된다. 이때 파일 이름에 hash 값이 붙는다. (ex)main.eb74f3d0.chunk.css) SPA Deploy의 특징 모든 요청을 서버에 하고 받아오는 형태가 아니..
패스트캠퍼스 챌린지 47일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 47일 차. 리액트에 관한 보다 더 자세한 기능들의 강의를 들었다. Reconciliation 1. 리액트에서 렌더 전후의 일치 여부를 판단하는 규칙이다. 2. 서로 다른 타입의 두 엘리먼트는 서로 다른 트리를 만들어낸다. ( 그래서 새로 렌더가 되어야한다.) 3. 개발자가 key prop을 통해, 여러 렌더링 사이에서 어떤 자식 엘리먼트가 변경되지않아야 할지 표시해 줄 수 있다. 그러므로 더 효율적으로 코드를 활용할 수 있다. React.createPortal 리액트에서 제공하는 API이다. https://ko.reactjs.org/docs/portals.html Portals – React A JavaScript library for building user interfaces ko.react..

티스토리툴바