profile
absesses
post-thumbnail

23.02.03 Next.js

웹 개발자에게 필요한 다양한 기능을 제공해주는 리액트 프레임워크개발 환경 설정이 쉽고 간단하다.SEO(Search Engine Optimization)을 위한 SSR(Server-Side rendering)을 지원한다.초기 로딩 속도 개선을 위한 자동 code spli

3일 전
·
0개의 댓글
·
post-thumbnail

23.02.02 Memoization

memoization를 하기 위한 React의 방법들메모(기억)을 한다. 캐시 같은 곳에 저장해서 그때그때 찾아서 쓴다.불필요한 렌더링이 발생하지 않도록 하기 위해 사용한다.React.memo, useCallback, usememo(값을 기억 : 객체나 배열이나 함수가

4일 전
·
0개의 댓글
·
post-thumbnail

23.02.01 useEffect심화

컴포넌트가 렌더링 될 때 특정 작업을 실행할 수 있도록 하는 Hook의존성 배열에 빈 배열을 넣으면 마운트 시에만 실행됨의존성 배열에 조건을 넣으면 조건이 업데이트 되면 실행됨빈 배열특정 조건의존성 배열에 빈 배열을 넣으면 언마운트가 될때 실행됨의존성 배열에 조건을 넣

5일 전
·
0개의 댓글
·
post-thumbnail

23.01.31 Throttling & Debouncing

짧은 시간 간격으로 연속해서 발생한 이벤트들을 일정시간 단위(delay)로 그룹화하여 처음 또는 마지막 이벤트 핸들러만 호출되도록 하는 것e.g. 무한스크롤출처: 자바스크립트 딥다이브짧은 시간 간격으로 연속해서 이벤트가 발생하면 이벤트 핸들러를 호출하지 않다가 마지막

6일 전
·
0개의 댓글
·
post-thumbnail

23.01.30 KPT 회고

기능개발이 끝나거나 작업이 마무리가 될때 다같이 Git PR 하는 화면을 다같이 보면서 휴먼에러를 줄이고, PR을 하면서 코드리뷰도 같이 하는게 좋았음.아침조회시간에 그날의목표와 마무리 지어야할것들에 대해 얘기를 나누고 목표를설정해서 최대한 그날 목표를 달성하는것을 다

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

23.01.28 WIL

일주일을 마치며

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

23.01.27 개인정보 수집 유효기간

문제 고객의 약관 동의를 얻어서 수집된 1~n번으로 분류되는 개인정보 n개가 있습니다. 약관 종류는 여러 가지 있으며 각 약관마다 개인정보 보관 유효기간이 정해져 있습니다. 당신은 각 개인정보가 어떤 약관으로 수집됐는지 알고 있습니다. 수집된 개인정보는 유효기간 전까지

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

23.01.26 환경변수 설정

환경변수 API 키값이나 공개적으로 노출되서는 안되는 것들은 환경변수에 담아 처리할 수 있다. 환경변수 설정(리액트) 루트 폴더에 .env생성 process.env.붙여서 사용

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

23.01.25 CORS에러

CORS에러 Cross Origin Resource Sharing(교차 출처 리소스 공유 정책) 이번에 네이버지도 API를 사용하려는데, 지도 불러오기는 됐는데, 주소를 입력받아, 좌표로 바꿔주는 Geocoding API를 사용해보려했더니 CORS 에러를 보았다. 검색해보니, 네이버 지도 API의 Geocoding API가 다른 사람의 id, secre...

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

23.01.21 WIL

일주일을 마치며

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

23.01.20 리액트 아웃소싱 프로젝트 준비

팀 소개 팀명 이쿠조 프로젝트를 통하여 개발실력을 향상 시켜 취업성공으로 나아가자는 뜻을 담아 이쿠조(일본어)(가즈아) 로 명명함 팀원 박성환(팀장) 손유진 한상권 한재창 김성민 프로젝트 소개 프로젝트명 피카츙 → 피카츄 + 충전소 의 합성어 프로젝트 목적 전기차 충전소 위치 및 정보 제공 한국환경공단_전기자동차 충전소 정보 오픈API...

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

23.01.19 TypeScript 퀴즈

문제 정적 타입 언어에 대한 설명으로 적절한 것을 고르세요 a. 정적 타입 언어는 런타임에 타입이 결정된다 b. 정적 타입 언어가 동적 타입 언어보다 항상 생산성이 높다 c. 타입 오류가 컴파일 시 발견된다 d. 정적 타입 언어는 타입에 대한 고민을 별로 하지 않아도 되므로 진입 장벽이 낮다 다음 코드에 대한 설명으로 옳은 것을 모두 고르세요 a...

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

23.01.18 인터페이스&제네릭&타입추론

타입 별칭과 인터페이스의 가장 큰 차이점은 타입의 확장 가능 / 불가능 여부type 보다는 interface로 선언해서 사용하는 것을 추천함제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

23.01.17 TypeScript-Type

튜플 타입을 사용하면, 요소의 타입과 개수가 고정된 배열을 표현할 수 있음함수에서 반환 값이 없는 경우 사용비정상적 종료가 되거나 함수가 끝까지 실행되지 않을 때 사용 (거의 사용 X)반환값이 없는 함수Optional Parameter: 존재 유무 확인Default P

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

2023.01.16 TypeScript

Microsoft에서 개발한 오픈 소스 프로그래밍 언어로 JavaScript의 슈퍼셋TypeScript는 변수와 함수의 타입을 지정하여 코드 오류를 미리 잡을 수 있다 = 정적Javascript는 어떤 변수에 숫자, 문자, 배열, 객체 등 아무거나 할당 가능 = 동적T

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

23.01.14 WIL

일주일을 마치며

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

23.01.13 KPT 회고

1. 한 주의 흐름 1) 한 일 프로젝트. 우리 팀만의 React Native App 만들기. 필수 작업 : (1) 공통 UI 구현하기 API 명세서 작성하기 (2) CRUD 구현 (Firebase 또는 json-server 사용) <ul style="list-s

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

23.01.12 useReducer

useInputs 커스텀훅(useReducer사용) useReducer action(액션)만 추가하고 dispatch함수만 자식 컴포넌트에 전달하면 되기 때문에 useState보다 확장성이 높으며 상태관리도 용이함

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

23.01.11 expo Image Picker

Image Picker 설치 app.json 설정 사용 예제(커스텀훅)

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

23.01.10 면접 질문 연습 2

면접 질문 연습하기 2 리덕스의 필요성, 없는 경우 생길 수 있는 문제점을 설명해주세요 리덕스는 상태관리 라이브러리로 상태관리를 효율적으로 해주기 때문에 필요함 만약에 없다면 state를 효과적으로 관리하기 어렵고, 불필요한 렌더링들이 발생할 가능성이 크며 오류가 생겼을 경우 찾기가 어려움 관리 측면으로 필요함 리덕스는 상태관리도구로 props, sta...

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