profile
Hello!
post-thumbnail

리액트를 다루는 기술 9장

컴포넌트 스타일링

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

리액트를 다루는 기술 8장

이 글은 책 리액트를 다루는 기술을 개인적으로 정리한 글 입니다. Hooks 리액트 v16.8에 도입된 기능으로 함수컴포넌트에서도 상태관리가 가능해짐 useState useState에 기본값을 0으로 설정 useState 함수가 호출되면 배열을 반환 -> 첫 번째

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

리액트를 다루는 기술 7장

모든 리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재컴포넌트의 수명은 페이지에 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝남라이프사이클 메서드는 클래스형 컴포넌트에서만 사용가능(함수형에서는 Hooks 기능을 사용하여 처리)라이프사이클 메서드의 종

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

리액트를 다루는 기술 6장

반복적인 내용을 효율적으로 보여주고 관리하는 방법 알기자바스크립트 배열 객체의 내장 함수인 map 함수를 사용하여 반복되는 컴포넌트를 렌더링map함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열 생성컴포넌

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

리액트를 다루는 기술 5장

ref:DOM에 이름 달기 HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 ref(reference의 줄임말) 사용 ref는 어떤 상황에서 사용해야 할까? 특정 DOM에 작업을 해야 할 때 ref를 사용 -> DOM을 꼭 직접적으

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

리액트를 다루는 기술 4장

이벤트 핸들링 이벤트란? 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것 리액트의 이벤트 시스템 이벤트를 사용할 때 주의 사항 이벤트 이름은 카멜 표기법으로 작성 onclick -> onClick onkeyup -> onKeyUp 이벤트에 실행할

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

리액트를 다루는 기술 3장

이 글은 책 리액트를 다루는 기술을 개인적으로 정리한 글 입니다. 컴포넌트 리액트는 여러가지 컴포넌트로 구성되어 있음 컴포넌트의 기능 데이터가 주어졌을 때 이에 맞추어 UI를 만들어 주는 것 라이프사이클 API를 이용하여 컴포넌트가 화면에서 나타날 때, 사라질 때,

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

리액트를 다루는 기술 2장

이 글은 책 리액트를 다루는 기술을 개인적으로 정리한 글 입니다. JSX 코드 이해하기 import 구문은 특정 파일을 불러오는 것 알아 둘 점 모듈을 불러와서 사용하는 것은 원래 브라우저에는 없던 기능 -> Node.js에서 지원하는 기능 브라우저에서도 사용

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

리액트를 다루는 기술 1장

이 글은 책 리액트를 다루는 기술을 개인적으로 정리한 글 입니다. 리액트 시작 왜 리액트 인가? 자바스크립트 만으로도 규모가 큰 애플리케이션을 만들 수 있게 됨 -> 구조관리가 필요해 짐 다양한 프레임워크가 조금씩 다른 관점에서 위 문제를 해결하려고 노력함 대표적

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

카우치 코딩 6주 포트폴리오 - 4주차

4주차 - 라우터 & 검색 및 필터 구현 개발진행 상황 레이아웃 및 디자인 작업을 디테일하게는 아니지만 크게 완료하고 페이지 라우터 처리를 구현하면서 json-server로 db.json에 연결하여 메인페이지와 상페에이지에 데이터 연동 작업을 진행했다. 메인페이지

2022년 4월 30일
·
0개의 댓글

카우치 코딩 6주 포트폴리오 - 5주차

본격적인 백엔드와 데이터 연동 구글 로그인 연동 공원 API연동 메인페이지 작업 5주차 - 데이터 연동 라우터 검색 및 필터 구현 개발진행 상황 느낀 점

2022년 4월 30일
·
0개의 댓글

카우치 코딩 6주 포트폴리오 - 6주차

6주차 - 팀별 데모 & 포트폴리오 작성법 개발진행 상황 안타깝 게도 프로젝트가 완성되지 않아서 아직도 진행중이다. 팀별 최종 발표 회고 마지막 시간에는 간단히 본인이 이번 포트폴리오 과정을 진행하면서 좋았던 점과 아쉬워서 개선해야 할 점을 말해보는 시간을 가

2022년 4월 30일
·
0개의 댓글

카우치 코딩 6주 포트폴리오 - 3주차

3주차 - 레이아웃 및 스타일링 프론트 멘토님과의 본격적인 멘토링 과정이 진행되면서 여러가지 json-server 칸반보드 채우기 (내부 내용도) -> 같이 보면서 점검 및 정리 레이아웃 전부 Pseudo (의사흐름) 로 태그로 정리 해오기 -> 상태관리에 필요한

2022년 4월 30일
·
0개의 댓글

카우치 코딩 6주 포트폴리오 - 2주차

칸반보드로 프로젝트가 진행되면서 해야 할 일을 한번 정리해 보고, 본격적으로 DB설계와 API설계를 진행했다.본격적인 설계에 앞서 멘토님께서 HTTP는 무엇인지, HTTP 메소드에는 어떤 것이 있는지, REST API란 무엇인가 대략적인 개념을 잡아주었고이전 기수는 어

2022년 4월 29일
·
0개의 댓글

카우치 코딩 6주 포트폴리오 - 1주차

첫 수업시간에는 카우치코딩에 대한 소개와 앞으로 어떻게 진행될 건지, 어떤 기술을 사용할 것인지, 프로젝트에 들어가야 할 기능은 어떤 것이 있고, 기능명세서와 페이지 기획서는 어떻게 작성해야 하는지 설명해 주셨다.팀빌딩은 간단한 자기소개 및 실력점검 뒤 멘토님이 정해주

2022년 4월 29일
·
0개의 댓글