본문 바로가기
반응형

분류 전체보기395

[IT] 클론코딩 영화 평점 웹서비스_리액트 초보가 따라하면 개이득 1. 목차 2. 주요내용 & 느낀점 2-0 책을 읽게된 계기 (이런 사람이 읽으면 좋을 듯?) 2-1 책의 주요 내용 2-2 책의 장점 (마음에 든 점) 2-3 책의 단점 3. 책을 읽으며 느낀 점 책 제목 : 클론코딩 영화평점 웹서비스 지은이 : 노마드코더 니꼴라스, 김형태 출판사 : 이지스퍼블리싱 1. 목차 2. 주요내용 & 느낀점 2-0 책을 읽게된 계기 (이런 사람이 읽으면 좋을 듯?) - 리액트 공부를 하기 위해 책을 읽었다. - 리액트를 처음 하는 사람들이 읽으면 좋을 것 같다. - 서버 연동하지 않을 사람들이 읽으면 좋을 듯? (form+input+서버연동+데이터전송 내용 없음) - useState 문법이 없고, lifeCycle 을 사용한다. 그래서 ES6이 아닌줄 알았다. ( ()=>{}.. 2022. 1. 23.
[React] firebase 오류 - .js 파일에 firebase import 가 안됨 (React 너눈 왜케 오류가 많니...) 1. 문제 발생 firebase 에 프로젝트를 등록하고, React 에 등록을 해줬습니다. 그러고 index.js 에 import 하자마자 뜨는 오류 export 'default' (imported as 'firebase') was not found in './firebase' (module has no exports) ./firebase 에서 못찾겠답니다. 2. 문제 원인 찾기 https://exerror.com/solved-export-default-imported-as-firebase-was-not-found-in-firebase-app/ [Solved] export 'default' (imported as 'firebase') was not found i.. 2022. 1. 20.
[IT] 바닐라 자바스크립트_ 기본문법 + 서버로 연결되는 좋은 기초 문법 책 1. 목차 2. 주요내용 2-0 책을 읽게 된 계기 (이런 사람이 읽으면 좋을 듯?) 2-1 책의 주요 내용 2-2 책의 장점 (마음에 든 점) 2-3 책의 단점 3. 책을 읽으며 느낀 점 책 제목 : 바닐라 자바스크립트 지은이 : 고승원 출판사 : 비제이퍼블릭 1. 목차 2. 주요내용 2-0 책을 읽게된 계기 (이런 사람이 읽으면 좋을 듯?) - 프론트앤드 언어를 익히면서 바닐라 자바스크립트을 공부할 필요성이 생겼다. - 아직까지 바닐라 자바스크립트로 만들어진 js 파일들이 많았고, j쿼리와 리액트에 익숙해저버린 나에게는 그런 파일들이 어렵게 느껴졌다. - 다른 책들과 다르게 서버, API, 메모리에 관련된 내용이 많다. - 풀스택 개발자가 읽으면 좋을 것 같다. 아니면 백앤드와 소통을 많이 해야 하는.. 2022. 1. 15.
[전자책] onenote에 적은 손필기를 pdf 로 변환하기 + 크몽 전자책으로 제작하기 (2) 이번에는 제가 손필기한 내용을 pdf 로 변환해서 전자책으로 만드는 과정을 설명드릴게요! 생각보다 쉽고 생각보다 어렵습니당 1. onenote 로 손필기 하기 아이패드나 탭을 이용해서 one note 어플에 필기를 해줍니다. 저는 엄청 예전부터 one note 에 필기를 해왔었기 때문에 이때까지만 해도 one note 미만 잡이라는 생각을 했었죠 무료에다가, 컴퓨터랑 연동도 잘되고, 색도 이쁘고! pdf 로 변환하기 전까지는 말이죠! 2. 손필기한 페이지 pdf 로 변환하기 2-1 시간 지워주기 이제 pdf 로 변환해주겠습니다. 일단 one note 에 자동으로 적히는 시간을 제거해주겠습니다. 빨갛게 동그라미로 표시된 부분을 클릭해줍니다. 그럼 이렇게 회색으로 하이라이트가 되는데, 키보드의 delete .. 2022. 1. 9.
[React] react-router-dom 설치 후 Route 시 오류 해결 index.tsx:19 Uncaught Error: A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . 1. 문제 발생 yarn 으로 react-router-dom 을 add 하고 라우터 접속을 해줬는데 오류가 발생했습니다. index.tsx:19 Uncaught Error: A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . at invariant (index.tsx:19) at Route (index.tsx:230) at renderWithHooks .. 2022. 1. 8.
[IT] 이야기로 다가가는 HTML_ 웹 언어를 처음 다룰 때 읽어야 할 책 1. 목차 2. 주요내용 2-0 책을 읽게 된 계기 (이런 사람이 읽으면 좋을 듯?) 2-1 책의 주요 내용 2-2 책의 장점 (마음에 든 점) 2-3 책의 단점 3. 책을 읽으며 느낀 점 책 제목 : 이야기로 다가가는 HTML 지은이 : 이진현(고코더) 출판사 : 비제이퍼블릭 1. 목차 2. 주요내용 2-0 책을 읽게 된 계기 (이런 사람이 읽으면 좋을 듯?) - 현재 프론트앤드 공부를 하고 있어서 프론트앤드와 관련된 책들을 읽고있다. 이 책은 그 중 제일 기본서였고 기본서이니만큼 기본이 잘 갖춰져있었다. - 코드중심이 아닌 설명 중심이다. html 공부를 하고 싶은데 당장 컴퓨터가 내 앞에 없는 사람이 읽으면 좋을 책이다. 2-1 책의 주요 내용 - HTML의 기본 내용이 담겨있다. - HTML의 h.. 2022. 1. 6.
[전자책] 크몽 손필기 전자책 등록방법, 등록후기(1) 기계 역학 공부를 할 때 적어놨던 손필기들을 크몽에다가 판매했습니다. 생각보다 크몽에 전자책을 올리는 과정이 복잡하더라구요 그래서 다음에 제가 다시 전자책을 등록할 때 참고할 겸, 다른 분들에게 공유할 겸 정리해볼까 합니다ㅎㅎ 1. 크몽 전자책 기준 - 20장 이상 - 목차 필수 - 표지 필수 저는 only 손글씨!! 이기 때문에 인터넷에 돌아다니는 정보가 많이 없었습니다. 제가 제 손글씨를 12pt로 조절할 수 있지도 않구.. 직접 등록해보니 위의 세 요소만 지키면 승인이 납니다! 일단 저는 블로그에 올린 공식들을 정리해서 pdf로 뽑았습니다. 필기는 one note에다가 했습니다. 손글씨는 대충 저런 모양이구요! (one note는 pdf로 변환할때 엄청 말썽입니다. 굉장히 비추합니다ㅜㅠ) 저는 단원.. 2022. 1. 5.
[IT] 오늘부터 개발자 책 후기_ IT 비전공자들을 위한 입문 책 [IT] 비전공자를 위한 이해할 수 있는 IT 지식 책 후기_읽기 쉬운 IT책 책 제목 : 오늘부터 개발자_비전공자를 위한 개발자 취업 입문 개론 지은이 : 김병욱 출판사 : 천그루숲 1. 목차 - 직관적인 목차 제목 - 직관적인 하위 목차 제목 2. 주요내용 & 느낀점 2-0 책을 읽게된 계기 (이런 사람이 읽으면 좋을 듯?) - 비전공자로서 IT 개발자가 되는 사람은 꼭 읽어야 할 책이라고 생각한다. - 이미 개발자로 일하고 있는 비전공자에게는 해당하지 않는다. - 개발자로 취직하기 위해 준비해야 할 것이 무엇인지 궁금해서 읽게 되었다. 2-1 책의 주요 내용 - 비전공자에게 개발자로 일할 수 있다는 용기를 심어주고, 방향을 알려주는 책이다. - 용기부분 - 개발자로 늦지 않았다는 점을 강조한다. -.. 2021. 12. 29.
[React] yarn오류 - power shell 에서 yarn 안 되고 cmd 에서는 될 때 해결 [React] yarn오류 - power shell 에서 yarn 안 되고 cmd 에서는 될 때 해결 1. 문제 발생 yarn 설치를 미루고 미루다가 슬슬 npm 으로 감당이 안되길래 설치를 했습니다. https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 안전하게 1.22버전으로 npm install --global yarn cmd 에서 따로 경로설정을 하지 않고 위 명령어를 복붙해서 설치했습니다. yarn 버전을 출력해도 이쁘게 잘 보여줬지만... 정작 vsc 터미널(powerShell)에서 yarn star.. 2021. 12. 27.
[IT] 비전공자를 위한 이해할 수 있는 IT 지식 책 후기_읽기 쉬운 IT책 [IT] 비전공자를 위한 이해할 수 있는 IT 지식 책 후기 책제목 비전공자를 위한 이해할 수 있는 IT지식 지은이 최원영 출판사 TWIG (티더블유아이지) 1. 목차 - 깔끔한 디자인 - 직관적인 목차 제목 - 그에 비해 추상적인 하위 목차 제목 - 하지만 하위 목차 제목 말투가 마음에 든다. 2. 주요내용 & 느낀점 2-0 책을 읽게된 계기 (이런 사람이 읽으면 좋을 듯?) - 책의 저자와 현재 나의 상황이 비슷하다고 생각이 들었다. - 프로그래밍 공부만 했기 때문에 IT 관련 지식이 부족한 상황이었다. - 비전공자를 위한 책이라는 문구가 책을 읽게 만들었다. 2-1 책의 주요 내용 - IT지식의 전반적인 흐름을 정리함 - 프로그래밍 언어 종류, os특징, 클라이언트와 서버, 앱과 웹, 데이터베이스,.. 2021. 12. 26.
[React] 리액트 Bootstrap4 버전 오류 -Jumbotron import 에러 해결 [React] 리액트 Bootstrap4 버전 오류 -Jumbotron import 에러 해결 1. 문제 발생 리액트로 쇼핑몰 디자인을 하던 도중, html 작업이 너무 귀찮아서 bootstrap을 깔았습니당 당연히 국룰 bootstrap4버전으로 설치했구요 nav바랑 jumbotron을 복붙한 순간 export 'jumbotron' (imported as 'jumbotron') was not found in 'react-bootstrap' 이라는 오류가뜨면서 리액트 페이지가 먹통이 되어버립니다. 2. 문제 원인 찾기 다시한번 react-bootstrap 페이지로 들어가봅니다. https://react-bootstrap-v4.netlify.app/ React-Bootstrap The most popula.. 2021. 12. 25.
[SQL] 주민번호 뒷자리를 전부 *로 바꾸기 (RPAD, SUBSTR, INSTR, LENGTH) SQL로 특정 위치 기준, 모든 문자를 *로 바꾸기를 시도했다. [0] 사용한 커맨드 1. SUBSTR (데이터, 시작위치, 추출길이) : 문자에서 특정 위치의 문자열을 추출함 2. INSTR(데이터, 찾을문자, 시작위치, 순번) : 데이터의 특정 철자의 위치를 출력함 3. RPAD(데이터, 총 자릿수, 채울문자) : 총 자리수를 지정하고, 빈 공간을 채울 문자로 대체해서 출력 4. LENGTH(데이터) : 데이터의 문자열 길이를 출력 [1] 주민번호 '123456-1234567' 의 뒤 7자리를 모두 *로 바꾸기 SELECT RPAD(SUBSTR('123456-1234567',1,INSTR('123456-1234567','-')),LENGTH('123456-1234567'),'*') FROM DUAL;.. 2021. 11. 24.
[html] 코딩애플 HTML/CSS All-in-one 강의노트 : (5) nav bar로 상단 메뉴 만들기, 태그 셀렉터 문법(공백, >) 배운내용 : - , , 태그로 상단메뉴 만들기 - 태그 셀렉터 활용하기 (자식 셀렉터) 1. 태그들 2. 셀렉터와 부모, 자식 태그 2-1 셀렉터 문법 공백 2-2 셀렉터 문법 > (5) nav bar로 상단 메뉴 만들기 1. 태그들 딱히 기능은 없지만, 의미있어보일려고 존재하는 태그들이 있다. : 섹션 표현하고 싶을 때 : 하단의 정보(footer) 표현하고 싶을 때 : 의미없는 문자들 감싸기 : div 같은 애 ... 얘네들 말고도 더 많다. 2. 셀렉터와 부모, 자식 태그 이중에서 맨 마지막의 nav 태그가 제일 대표적인 애인데, 기능은 div와 똑같음. 근데 이게 네비게이션 바인지 직관적으로 알 수 있으려고 쓰는거이다. ...html 영화 맛집 IT 컴퓨터 이렇게 태그 안에다가 , 태그들로 리스트.. 2021. 11. 23.
[html] 코딩애플 HTML/CSS All-in-one 강의노트 : (4) div랑 float https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com * 이 사이트의 HTML 강의를 수강하고 적는 강의노트이다. * 개인공부용이다. * 쌤 말투 시크해서 넘 좋다. * 강의 예제 노출이 안되게 조심하자 [1. 박스배치??] 0. 박스배치 1. 태그 누르기 2. 하위 태그 누르기 3. 누르기 4. 하위 태그 누르기 [2. float 로 div 가로 배치하기] 1. div 박스 가로배치 문제점 2. float: left; 3. clear: b.. 2021. 11. 22.
[html] 코딩애플 HTML/CSS All-in-one 강의노트 : (3) CSS로 html 꾸미기_CSS 셀렉터 별 우선순위 https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com * 이 사이트의 HTML 강의를 수강하고 적는 강의노트이다. * 개인공부용이다. * 쌤 말투 시크해서 넘 좋다. * 강의 예제 노출이 안되게 조심하자 [1. HTML과 CSS] 1. html 파일에 css연동하기 2. css에 style 넣기 [2. CSS 셀렉터] 1. class 셀렉터 2. id 셀렉터 3. 태그 셀렉터 4. html style [3. 셀렉터 우선순위] (3) CSS로.. 2021. 11. 18.
반응형