profile
코시국에 성장하는 코린이
post-thumbnail

정규표현식 // 220211

정규표현식이란 문자열을 처리하는 방법중의 하나로 특정한 조건의 문자를 검색,치환등의 작업을 간편하게 처리 할 수 있도록 도와주는 수단이다.(특정 언어에 종속되는 의미가 아님)회원가입, 이메일 형식파악, 비밀번호 등 많은 부분에서 사용이 가능하다./ / : / 안에는 조

2022년 2월 13일
·
0개의 댓글
post-thumbnail

Search // 220209

⭐검색 결과를 페이지네이션과 연결!(Search / pagination)⭐검색하기 버튼 없이 검색!(Debouncing / Throttling)프론트엔드(FE)에서 특정 '단어'를 검색하게 되면 백엔드(BE)에선 '단어'에 대한 데이터를 찾고 FE로 다시 보내준다. 여

2022년 2월 10일
·
0개의 댓글
post-thumbnail

ImageProcess & useRef // 220208

TIL브라우저에서 파일을 선택하고(input type의 파일: input type 태그를 사용하게 되면 파일을 선택하게 되는 창이 뜸) 확인 버튼을 누르게 되면 데이터가 들어오게 되고 그 데이터를 변수에 저장할 수 있다.변수에 저장한 파일을 백엔드쪽 uploadFile

2022년 2월 8일
·
0개의 댓글
post-thumbnail

Firebase // 220207

Firebase 홈페이지로 접속해 시작하기를 클릭해준다.개발할 프로젝트를 위해 추가버튼 클릭원하는 프로젝트명으로 설정해준다연습용 프로젝트니 구글 애널리스틱은 사용하지 않음을 체크해준다Firebase Database를 클릭데이터베이스 만들기배포할 프로젝트가 아니기때문에

2022년 2월 8일
·
0개의 댓글
post-thumbnail

Open-API & DB // 220204

\-API(Application Programming Interface, 응용프로그램 프로그래밍 인터페이스)는 응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다

2022년 2월 7일
·
0개의 댓글
post-thumbnail

Class & Component lifecycle // 20220203

TIL⭐Class형 함수⭐Component의 생명주기⭐useRef는 무엇일까?⭐useEffect는 무엇일까?클래스형 컴포넌트는 다양한 객체를 만들 수 있는 틀이다.class date를 예를 들면 new Date의 기능들을 지정해서 사용할 수 있다.new Date()는

2022년 2월 3일
·
0개의 댓글
post-thumbnail

Modal이 모다냐 // 220125

TIL 열두걸음⭐ 어제의 멘붕 기운이 오늘까지 이어졌나보다. 오늘도 git repository에 git add . git commit -m하려니까 충돌이 일어난다고 한다. 열심히 구글링하다가 index.lock 파일을 지우고 다시 add하고 commit하니까 드디어 되

2022년 1월 25일
·
0개의 댓글

멘붕.. // 220124

TIL★댓글 작성 및 등록 기능을 구현하는 도중에 작업한 내용들을 깃헙에 올리려고 시도를 했었다. 하지만 untracke files이 존재한다며 나의 신경을 거슬리게 했고 구글링을 한 결과 git clean -xfd를 사용하면 최상위 + 폴더 내 + .gitignore

2022년 1월 24일
·
0개의 댓글
post-thumbnail

멘붕 // 220124

git error

2022년 1월 24일
·
0개의 댓글
post-thumbnail

2주차 TIL 요점정리

TILcontainer / presentational 패턴이란, 소스코드를 자바스크립트(기능)와 HTML(UI)로 나누는 방법을 의미한다. 이외에도 API를 받아오는 페이지와 Style 페이지를 따로 만들어 줄 수 있다.container는 자바스크립트(기능) 부분을 의

2022년 1월 23일
·
0개의 댓글
post-thumbnail

Router / 220114

TIL 다섯걸음1) 페이지 이동을 뜻한다.next.js에서 이동을 도와주는 도구실행 명령(아래그림▼참조)\-const router = useRouter() => 자동으로 next/router에서 useRouter를 import해와준다.2)라우터의 종류정적라우팅(stat

2022년 1월 22일
·
0개의 댓글
post-thumbnail

TypeScript / 220120

TIL 아홉걸음1.타입스크립트 설치1)typescript 홈페이지에 접속후 아래그림▼과 같이 Download를 클릭해준다.2)아래그림▼에서 yarn을 클릭후 yarn add typescript --dev를 복사해준 후, 터미널에서 설치할 폴더로 이동해서 설치해준다3)설

2022년 1월 21일
·
0개의 댓글

동기 & 비동기 / 220113

TIL 네걸음 Day 4.동기 & 비동기 1.동기&비동기란? 1)동기 > 게시글이 등록되고 서버컴퓨터로부터 등록완료가 된 후에 (응답완료) 요청하는 통신. 즉, 서버 컴퓨터가 작업이 끝날 때까지 기다리는 통신을 뜻한다. > 요청1이 완료 되기전에 요청2를 불러오

2022년 1월 14일
·
0개의 댓글
post-thumbnail

통신과 API / 220112

TIL 세 걸음 Day3. 통신 1.HTTP통신 1) HTTP란 두 컴퓨터간에 텍스트 데이터를 주고 받을 수 있는 길을 뜻한다. 2) HTTP로 요청(request)과 응답(response) 2가지를 서로 주고 받을 수 있다. 2.HTTP 요청(Request)과

2022년 1월 13일
·
0개의 댓글
post-thumbnail

State / 220111

TIL 두 걸음굉장히 친숙하면서도 어딘가 낯선 State..코딩에선 과연 이녀석은 어떤 녀석일까 문득 궁금해졌다.알아보기에 앞서, 어제 했던 CSS-IN-JS 실습을 하면서 왜 React를 쓰는지 의문이였던 녀석을 좀 더 자세히 복습 겸 학습을 하려고 한다.1.Reac

2022년 1월 11일
·
0개의 댓글
post-thumbnail

Node & React / 220110

TIL 첫 걸음1.React 파일 설치 윈도우 같은 경우 vscode 터미널 내에선 node --version 명령이 인식이 안되는 경우가 있어서, 따로 CMD 명령프롬프트로 설치를 진행해주었다.1)위의 사진과 같이 npx create-next-app@latest를 C

2022년 1월 10일
·
0개의 댓글