React와 라이브러리 설치저번 주 일주일 동안 코드캠프를 통해 HTML, CSS, JavaScript의 기초에 대한 전반적인 수업을 마치고, 정규수업 첫날인 오늘은 React 설치 및 사용법에 대해 공부했다.리액트 설치 및 Emotion, Apollo-Client,
State -> 리액트 컴포넌트에서 데이터를 담기 위한 상자.기존 document.getelementbyid.innertext 를 통해 화면에 나오게 했던 기능을 React 의 state를 통해 쉽게 구현할 수 있는 것 같다.const state, setState =
setTimeout(함수, 초) -> 시간 지연 ex) 몇초 뒤 함수 기능 작용setInterval(함수, 초) -> 시간 반복ex) 몇초 마다 함수 기능 작용초가 아닌 분 단위 계선은 연산자 % 사용ex) 150/60 -> 2.5150%60 -> 303분을 카운트할
동기데이터 전송을 하나씩 진행. 요청1이 완료되면 요청2가 진행됨.ex) 좋아요 버튼을 눌렀을 시 누른 즉시 데이터를 백엔드에 전송. 그 후 화면에 나옴.비동기등록, 수정 삭제 등 서버에 요청 저장을 기다리지 않고 한번에 여러 전송이 동시에 진행됨.ex) 좋아요 버튼을
객채와 배열의 데이터는 주로값으로 저장이 된다.여기서 child2를 새로 선언하여 child1을 넣어보자.그 다음 새로 선언한 child2의 이름을 맹구로 바꿔보자.그럼 상식적으로는 2의 이름이 맹구고 1은 짱구여야 할텐데,둘다 맹구가 되어있음. 즉, 얕은 복사는둘이
코드캠프 정규수업 일주일째가 끝나고 첫 주말이 찾아왔다.어제 수업이 이번주 배운 내용들의 전반적인 응용이었고 아직 숙지를 못한 부분이 있었기 때문에 오늘은 숙제 완료 후 어제 실습 내용을 다시 해보았다.데이터 입력 후 버튼을 누르면 작성한 이름명의 페이지로 넘어가면서
어제에 이어 두번째 페이지 만들기 도전.아직 완벽히 이해 안가는 부분도 있으나 일단은 따라해보며 파악해보자.버튼 클릭 시 결과화면에 띄우기 -> 데이터 조회 요청 -> query\-필요 기능 목록-통신 기능(조회) - API -> apollo -> usequery,
작성자, 내용 등을 입력하여 버튼을 눌렀을 시 다음 화면에 해당 값들이 적용되야함. 주소는 해당 게시물의 ID가 나와야 함. 작성자, 제목, 타이틀 3가지 및 ID 주소 반영하기 과제.\*\*css는 수업 첫날 한거라 미숙함. 나중에 수정할 예정. 이렇게 나와야한다.
객채 안의 키와 값을 별도로 선언할 때, 값이 많을 경우 일일이 빼야하는 번거로움이 있다. 갯수가 많아질수록 귀찮아짐. 이걸 조금 더 짧게 간결화 시킬 수 있다. 객체 뿐만 아니라 배열에서도 사용 가능하다. 동일하게 예제 1. 예제 2.
1. array.map() JS에서는 for문을 대체하는 map이 있다. 결과값이 배열 안 갯수와 같아야한다. 배열 안 객체 추가도 가능. 이렇게 배열 안에 데이터값을 추가해주는 기능.
옵셔널 체이닝(Optional chaining)연산자이다.?.형태로 사용한다.MDN에는 다음과 같이 명시되어있다.optional chaining 연산자 ?. 는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을
1. Object.keys() => 객체의 키를 뽑아낸다.
사실 요 며칠 동안 수업 커리큘럼과 과제에 쫓겨 블로그를 당일 바로 작성이 어려웠다. 12~14일차에는 그동안 배운 것을 정리하고 복습하는 시간이었어서 미처 기록하지 못한 부분들, 이해가 어려웠던 부분들을 정리해보자. TypeScript 타입스크립트란? JavaSc
블로그 쓸게 너무 밀려있다.
이 날은 새로운 기능 공부보다는 기존에 배웠던 내용을 바탕으로 게시판 다시 만들기에 집중했었다. 혼자서 백지부터 작성해봐야 완벽한 이해가 가능해서인데, 중간에 터무니없는 실수 때문에 시간을 많이 잡아먹었던 기억이 있다. 바보같이 router.push(board/) 이런
코딩 입문 3주차에 돌입했다. 완벽히 숙지를
라이브러리는 누가 만들어놓은 소스 코드를 뜻한다. 이미 잘 만들어놓은 소스를 수 많은 사람들이 참여하여 수정과 수정이 거듭된 것.사용하는 입장에서는 좋은 라이브러리를 잘 선별하는 능력이 중요하다. 다운로드 수를 참고하여 골라보도록 하자.npm사이트에 접속하여 영상 플레
모달창 만들기. Material-ui 사이트에서 컴포넌트-> 피트백-> dialog 에 들어가면 요런게 있다. 게시물 작성 버튼을 클릭하면 이런게 나오도록 만들거임. 첫 화면에서 우측 하단 아이콘 클릭하면 요런게 뜬다. ![](https://images.v
새 창이 열렸을 때, 빈 텍스트에 마우스로 클릭하지 않더라도 이미 선택되있는 경우가 있다. 이 날은 그 기능을 useEffect와 useRef를 통해 적용시키는 방법에 대한 수업이었다. 둘 다 React의 기능이다. docs 내용을 확인했으나 안 와닿는다. 뭔 소
210705 react.native css 주의 이미지 받을 시 안쪽 이미지로 받기. 이미지 이름 신경쓸 것 1px 오차도 가급적 없도록 버튼은 40*40 하나의 div가 여러번 반복할 시 위 아래 중 한쪽에만 간격을 주지 말고 위 아래로 / position rel
인턴 둘째 주 주말이다. 하루하루가 정신 없어 어떻게 지나갔는지 모르겠다.낯설었던 react native, 폴더구조와 새로 적용해 본 기능들을 정리해보자. 이곳에서 사용했던 폴더 구조=> Module / Navigator => Screen => index => View