- 전체보기(91)
- front end(25)
- 알고리즘(6)
- 프로그래머스(6)
- JavaScript(5)
- react native(4)
- 배포(4)
- React(3)
- error(3)
- http(2)
- html(2)
- JSX(2)
- https(2)
- 비구조화할당(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)
- 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)
- SOLID(1)
- 네트워크(1)
- 태그(1)
- Javascrpit(1)
- 시간이벤트 주의사항(1)
- 웹에디터(1)
- graphql(1)
- 결제프로세스 구조(1)
- 렌더링 성능(1)
- frontend(1)
- 공통 컴포넌트(1)
- 자바스크립트(1)
- cli(1)
- 하샤드 수(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)
- CSS(1)
- 지도(1)
- 구조분해할당(1)
- 무한 스크롤(1)
- inverted index(1)
- useCallback(1)
- border(1)
- react native flipper(1)
- 다이나믹 임포트(1)
- 행렬의 덧셈(1)
- preventDefault(1)
- 내적(1)
- state 끌어올리기(1)
- console(1)
- package_path_not_exported(1)
- 인증테이블 파티셔닝(1)
- 모바일 배포(1)
- html 삽입(1)
- 검색 프로세스(1)
- 페이지네이션(1)
- git workflow(1)
- form(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)
- 웹과 모바입웹, 웹앱, 크로스플랫폼앱, 네이티브앱(1)
- 로그인 프로세스(1)
- git hub 협업(1)
DNS란?
Domain Name System, DNS는 인터넷의 전화번호부와 같다. 사람은 naver.com, google.com 도메인 이름을 통해서 접속한다. 웹 브라우저는 인터넷 프로토콜(IP) 주소를 통해서 상호작용하는데, DNS는 웹 브라우저가 인터넷 리소스를 로드할 수
CSS border이 안보여요
해결책 css파일 연결상태 확인, border-style default value가 none이기 때문, border-style : solid 로 변경 간단한 코드인데 결과물을 보면 검은테두리가 안보인다. 먼저 확인해 볼 것은 css가 잘 연결 되었나 확인해볼 수
HTTP 간단 정리
Hyper Text Transfer Protocol웹서버와 클라이언트의 소통http 요청/응답페이지를 가져오고 형식을 제출모든 요청은 완전하게 독립적트랜젝션(db의 상태를 변화하기 위한 최소단위)와 비슷프로그래밍, 로컬스토리지, 쿠키, 세션은 사용자편의개선을 위해 만들
크롬 개발자도구에서 undefined가 나오는 이유
알고리즘을 크롬으로 풀다가 계속 undefined가 뜨는 것이다 내가 배운 undefined는 null과 함께 나오는 개념이다. undefiend : 변수는 있지만 값이 할당되지 않았다, 정해지지 않은(undefined) 상태 null : 변수는 존재하나, n
가장 많이 쓰이는 태그 종류
Advanced Web Ranking에 따르면 대다수의 웹페이지는 대략 30개 정도의 다른 태그만 사용된다고한다. 30개들만 대충 안다면 html을 걱정하지 않아도 된다는 것!html, bead,
what happen when type google.com 인터넷 검색창에 google.com을 넣는다면
원하는 웹사이트에 접속하기 위해서는 www.google.com같은 도메인주소가 아닌 111.0.0.1 과 같은 IP주소가 필요함. 근데 일일히 외우고 다니기 힘드니까 DNS 서버라는게 존재한다. Domain Name System의 약자로 URL(www.google.co
React Native -2
React Native 의 컴포넌트 component 사실 react native의 컴포넌트는 react랑 같다 재사용가능한 조립 블록으로 화면에 띄울 수 있는 조각이라고 생각하면 좋다. 리액트 네이티브에는 다양한 내장 컴포넌트들이 있다. https://reac
React Native Expo - 1
설치는 끝났다고 가정하고 시작부터 해보자 (만약 설치가 필요하다면 React-native docs를 가면 된다. 리액트 네이티브는 리액트 네이티브 CLI, Expo를 사용하는 방법 두가지가 있는데 이번에는 Expo로 해볼것임. 왜 Expo?Expo는 리액트 네이티브를
Day 40
React Native의 힘든점 디버깅이 힘들다!!그래서 크롬 디버거를 쓰는걸 추천한다. command + m또 네트워크 부분이 안보임 + 네트워크 부분을 보기 위해서는 react native flipper를 써야함이렇게 네트워크 부분도 확인 할 수 있게 된다. 주소가
Day 39
모바일과 웹의 가장 큰 차이는?1\. 주소의 유무웹 : 주소가 있음 그래서 웹은 내가 원하는 페이지를 그냥 주소를 쳐서 들어갈 수 있다앱 : 앱은 주소가 보이지 않음 못감(조금 더 어려움) 하지만 주소처럼 자동으로 넘어가서 원하는 페이지를 보이게는 할 수 있다. 주소만
Day 37
이름짓기프런ㅡ엔드구성을 ip및 포트로 만들기백엔드는 아까 만든 버킷을 연결하기인증서만들기구글관리 인증서 만들기도메인엔 내가구매한 도메인을 올림호스트 및 경로 규칙은 알아서 설정되어있음인증서를 들어가서 확인해보면 아직 도메인상태에 회색이 되어있음프로비저닝에 10-30분정
Day 36
배포의 기본프런트엔드(ssr) 다이나믹한 부분스토리지에 올릴 (ssg) 다이나믹 하지 않은 부분이걸 로드밸런서로 묶어서 프런트엔드로 배포해야한다.(이미 백엔드와 디비는 올라가져있음)그래서 로드 밸런서에 아이피가 달려있는데 아이피주소로 들어갈 수 없으니까 우리가 구입한
Day 35
여태까지 yarn dev해서 우리컴퓨터에서 봤지만따로 서버로 쓸 컴퓨터를 쓰거나 만들어서 yarn dev를 시켜놓고 거기에 접속하면 된다. 근데 결정된 서버를 초과하는 사람들이 들어오면 서버를 늘려야하는데 서버 늘리는게 하루이틀안에 되는게 아니다 -> 그럼 우리가 빌려
Day 34
Graphql의 실체 graphql도 사실은 Rest-api다??? rest-api사용할때를 생각해보자 게시글 조회 : axios.get(API주소) 게시물 등록 : axios.past(API주소, {데이터}) 그래서 api주소를 우리는 endpoint라고 불러
Day 33
state가 바뀌면 안의 컴포넌트가 다시 만들어지면서 화면이 다시 그려지는데그 안에 있는 자식, 변수, 함수는 다시만들어지나??이론상으로는 된다고 했는데 실제로 한번 보자 + 이게 메모가 되는가 <- 이걸 메모이제이션이라고한다한번 코드들을 통해서 보자 Cotain
Day 32
FileReader자바스크립트에 있는 기능이다. 미리보기를 할 수 있지만 내 컴퓨터에 저장되는 거기 때문에 다른사람은 못본다. 이후 fileReader.readAsDataURL(파일) 을 하면 파일에서 URL을 만들어준다. fileReader.onload로 불러온다.그
Day 31
이제 기본기능 + 성능개선 부분을 배우면 된다.방문한 페이지 기능게시판, 중고마켓, 마이페이지를 들어갔을 경우 저장하는 기능을 이렇게 만들 수 있고타입은 이렇슴getString에 철수를 담았고 result1안에 그 값을 담은 것.result1의 타입까지 설정하고싶다면이
Day 30
JWT토큰을 이용해서 accesstoken으로 사용했었음근데 토큰을 탈취해서 주인행세를 하는 사람에 대비해서 만료시간을 30분-2시간으로 설정해둠그래서 시간이 지나면 토큰이 만료되서 재로그인을 해야하거나 localstorage의 토큰을 삭제하고 다시 로그인을 해야했음근