profile
개발자 새싹🌱 The only constant is change.
태그 목록
전체보기 (87)front end(25)알고리즘(6)프로그래머스(6)배포(4)JavaScript(4)react native(4)React(3)JSX(2)error(2)웹과 모바입웹, 웹앱, 크로스플랫폼앱, 네이티브앱(1)로그인 프로세스(1)git hub 협업(1)비구조화할당(1)도커(1)git(1)코드의 재사용성(1)Event(1)리프레쉬토큰(1)검색어 결과 표시(1)rest 파라미터(1)브라우저 저장소(1)component(1)hooks(1)back end(1)promise(1)cannot find name '__dirname'(1)sql(1)부트스트랩(1)깊은복사(1)API(1)모바일과 웹의 차이(1)이벤트버블링(1)Dev-Ops(1)OOP(1)console.log(1)http(1)Wappalyzer(1)쿼리(1)dependency array(1)HOC & HOF(1)검증 라이브러리(1)모바일결제 주의사항(1)객체(1)메모이제이션(1)크롬(1)FileReader(1)refetch(1)callback(1)역인덱스(1)객체/배열 복사(1)lazyload(1)반응형디자인(1)이미지 업로드(1)제일 작은 수 제거하기(1)Firebase(1)웹서비스 구조(1)다양한 웹 공격(1)react developer tools(1)컴포넌트 생명주기(1)데이터베이스의 구조(1)네트워크(1)태그(1)Javascrpit(1)시간이벤트 주의사항(1)웹에디터(1)graphql(1)결제프로세스 구조(1)렌더링 성능(1)frontend(1)공통 컴포넌트(1)자바스크립트(1)cli(1)하샤드 수(1)https(1)ApolloState(1)백엔드 구조(1)로그인과 Context-API(1)Optimistic UI(1)클로저(1)얕은복사(1)msa(1)의존성 배열(1)package subpath(1)이미지 등록하기(1)async/await(1)데이터베이스(1)State(1)useMemo(1)dbeaver(1)react navigation(1)html(1)지도(1)구조분해할당(1)무한 스크롤(1)inverted index(1)useCallback(1)react native flipper(1)다이나믹 임포트(1)행렬의 덧셈(1)내적(1)state 끌어올리기(1)console(1)package_path_not_exported(1)인증테이블 파티셔닝(1)모바일 배포(1)html 삽입(1)검색 프로세스(1)페이지네이션(1)git workflow(1)JWT토큰(1)elastic search(1)nosql(1)React Native Expo(1)ssg(1)Props(1)폼 라이브러리(1)업로드 성능(1)이미지 미리보기(1)객체 지향 프로그래밍(1)권한분기와 관리자(1)디바운싱 쓰로틀링(1)git-hub(1)

크롬 개발자도구에서 undefined가 나오는 이유

알고리즘을 크롬으로 풀다가 계속 undefined가 뜨는 것이다 내가 배운 undefined는 null과 함께 나오는 개념이다. undefiend : 변수는 있지만 값이 할당되지 않았다, 정해지지 않은(undefined) 상태 null : 변수는 존재하나, n

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

가장 많이 쓰이는 태그 종류

Advanced Web Ranking에 따르면 대다수의 웹페이지는 대략 30개 정도의 다른 태그만 사용된다고한다. 30개들만 대충 안다면 html을 걱정하지 않아도 된다는 것!html, bead,

2022년 5월 9일
·
0개의 댓글
·

what happen when type google.com 인터넷 검색창에 google.com을 넣는다면

원하는 웹사이트에 접속하기 위해서는 www.google.com같은 도메인주소가 아닌 111.0.0.1 과 같은 IP주소가 필요함. 근데 일일히 외우고 다니기 힘드니까 DNS 서버라는게 존재한다. Domain Name System의 약자로 URL(www.google.co

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

React Native -2

React Native 의 컴포넌트 component 사실 react native의 컴포넌트는 react랑 같다 재사용가능한 조립 블록으로 화면에 띄울 수 있는 조각이라고 생각하면 좋다. 리액트 네이티브에는 다양한 내장 컴포넌트들이 있다. https://reac

2021년 12월 29일
·
0개의 댓글
·
post-thumbnail

React Native Expo - 1

설치는 끝났다고 가정하고 시작부터 해보자 (만약 설치가 필요하다면 React-native docs를 가면 된다. 리액트 네이티브는 리액트 네이티브 CLI, Expo를 사용하는 방법 두가지가 있는데 이번에는 Expo로 해볼것임. 왜 Expo?Expo는 리액트 네이티브를

2021년 12월 29일
·
0개의 댓글
·
post-thumbnail

Day 40

React Native의 힘든점 디버깅이 힘들다!!그래서 크롬 디버거를 쓰는걸 추천한다. command + m또 네트워크 부분이 안보임 + 네트워크 부분을 보기 위해서는 react native flipper를 써야함이렇게 네트워크 부분도 확인 할 수 있게 된다. 주소가

2021년 12월 24일
·
0개의 댓글
·
post-thumbnail

Day 39

모바일과 웹의 가장 큰 차이는?1\. 주소의 유무웹 : 주소가 있음 그래서 웹은 내가 원하는 페이지를 그냥 주소를 쳐서 들어갈 수 있다앱 : 앱은 주소가 보이지 않음 못감(조금 더 어려움) 하지만 주소처럼 자동으로 넘어가서 원하는 페이지를 보이게는 할 수 있다. 주소만

2021년 12월 23일
·
0개의 댓글
·
post-thumbnail

Day 38

저번시간에 배포하면서 못마친게 있음 구글컴퓨터 왜 도커를 쓰는가

2021년 12월 22일
·
0개의 댓글
·
post-thumbnail

Day 37

이름짓기프런ㅡ엔드구성을 ip및 포트로 만들기백엔드는 아까 만든 버킷을 연결하기인증서만들기구글관리 인증서 만들기도메인엔 내가구매한 도메인을 올림호스트 및 경로 규칙은 알아서 설정되어있음인증서를 들어가서 확인해보면 아직 도메인상태에 회색이 되어있음프로비저닝에 10-30분정

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

Day 36

배포의 기본프런트엔드(ssr) 다이나믹한 부분스토리지에 올릴 (ssg) 다이나믹 하지 않은 부분이걸 로드밸런서로 묶어서 프런트엔드로 배포해야한다.(이미 백엔드와 디비는 올라가져있음)그래서 로드 밸런서에 아이피가 달려있는데 아이피주소로 들어갈 수 없으니까 우리가 구입한

2021년 12월 20일
·
0개의 댓글
·
post-thumbnail

Day 35

여태까지 yarn dev해서 우리컴퓨터에서 봤지만따로 서버로 쓸 컴퓨터를 쓰거나 만들어서 yarn dev를 시켜놓고 거기에 접속하면 된다. 근데 결정된 서버를 초과하는 사람들이 들어오면 서버를 늘려야하는데 서버 늘리는게 하루이틀안에 되는게 아니다 -> 그럼 우리가 빌려

2021년 12월 17일
·
0개의 댓글
·

Day 34

Graphql의 실체 graphql도 사실은 Rest-api다??? rest-api사용할때를 생각해보자 게시글 조회 : axios.get(API주소) 게시물 등록 : axios.past(API주소, {데이터}) 그래서 api주소를 우리는 endpoint라고 불러

2021년 12월 16일
·
0개의 댓글
·
post-thumbnail

Day 33

state가 바뀌면 안의 컴포넌트가 다시 만들어지면서 화면이 다시 그려지는데그 안에 있는 자식, 변수, 함수는 다시만들어지나??이론상으로는 된다고 했는데 실제로 한번 보자 + 이게 메모가 되는가 <- 이걸 메모이제이션이라고한다한번 코드들을 통해서 보자 Cotain

2021년 12월 15일
·
0개의 댓글
·
post-thumbnail

Day 32

FileReader자바스크립트에 있는 기능이다. 미리보기를 할 수 있지만 내 컴퓨터에 저장되는 거기 때문에 다른사람은 못본다. 이후 fileReader.readAsDataURL(파일) 을 하면 파일에서 URL을 만들어준다. fileReader.onload로 불러온다.그

2021년 12월 14일
·
0개의 댓글
·
post-thumbnail

Day 31

이제 기본기능 + 성능개선 부분을 배우면 된다.방문한 페이지 기능게시판, 중고마켓, 마이페이지를 들어갔을 경우 저장하는 기능을 이렇게 만들 수 있고타입은 이렇슴getString에 철수를 담았고 result1안에 그 값을 담은 것.result1의 타입까지 설정하고싶다면이

2021년 12월 13일
·
0개의 댓글
·
post-thumbnail

Day 30

JWT토큰을 이용해서 accesstoken으로 사용했었음근데 토큰을 탈취해서 주인행세를 하는 사람에 대비해서 만료시간을 30분-2시간으로 설정해둠그래서 시간이 지나면 토큰이 만료되서 재로그인을 해야하거나 localstorage의 토큰을 삭제하고 다시 로그인을 해야했음근

2021년 12월 10일
·
0개의 댓글
·
post-thumbnail

Day 29

우리는 물론 카카오지도를 써보겠으나 구글, 네이버, 카카오 지도 세가지가 있다. 국내에서는 지금 카카오맵을 쓰는게 좀 더 부드럽다(구글의 경우는 조금 더 비쌈) 각각 사이트들은 개발자 사이트가 따로 있다. Meta의 개발자 사이트(페이스북) 네이버 개발자 사이

2021년 12월 9일
·
0개의 댓글
·

Day 28

결제 또한 프론트엔드의 구현기능이고 굉장히 도움이 되는 기능이다. 꼭 알아두긔 결제 프로세스 구조 결제에는 일반결제, 정기결제가 있다 일반 결제 : 그냥 한번 내기 -> 카드 결제, 계좌이체, 무통장 입금, 모바일페이 정기 결제 : 구독서비스 같은거 (넷플릭스)

2021년 12월 8일
·
0개의 댓글
·
post-thumbnail

Day 27

웹에디터 https://www.npmjs.com/package/react-quill https://www.npmjs.com/package/react-draft-wysiwyg 대표적인 두가지 웹에디터다 여기서는 react-quill을 써보자 yarn add react-quill 그리고 페이지를 한번 만들어보자 컴포넌트를 import 해와야한다 ...

2021년 12월 7일
·
0개의 댓글
·
post-thumbnail

Day 26

REST 파라미터 money랑 hobby를 지우고 싶다면?? 기존 지식으로는 이렇게 바꿀수는 있었지만 지우는건 몰랐음 > delete child.money delete child.hobby 이렇게 하면 지울 수 있음 , 자바스크립트에서는 완전 좋은 방법은 아님

2021년 12월 6일
·
0개의 댓글
·