[React] 2: 컴포넌트 스타일링, 컴포넌트를 보다 복잡하게 다루어보기

React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 ✔ 리액트 스타일링 ✔ 컴포넌트 복잡하게 다루기 속성 전달 JSX 복잡하게 다루기 상태 다루기, 카운터 설정 데이터를 UI로 불러오기 이벤트 다루기 컴포넌트 생명주기 (생명주기 메소드) DOM 엘리먼트 접근하기 라우터를 통한 싱글 페이지 앱 구축 Todo list 앱 제작 리액트 개발 환경 구성 4. Rreact 스타일링 4.1. 개요 4.1.1. CSS(cascading Style Sheets)에 대하여 콘텐츠와 프레젠테이션 사이를 잘 분리할 수 있음 셀렉터(selector)문법을 통해 스타일 적용과 건너뛸 엘리먼트를 유연하게 선택하도록함 4.1.2. 리액트가..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 1. 5.
• textsms

[React] 1: JSX, 리액트 컴포넌트

React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 리액트 스타일링 컴포넌트 복잡하게 다루기 속성 전달 JSX 복잡하게 다루기 상태 다루기, 카운터 설정 데이터를 UI로 불러오기 이벤트 다루기 컴포넌트 생명주기 (생명주기 메소드) DOM 엘리먼트 접근하기 라우터를 통한 싱글 페이지 앱 구축 Todo list 앱 제작 리액트 개발 환경 구성 1. 리액트 개요 1.1. React 등장 이전, UI 제작 경향 1.1.1. 기존의 멀티 페이지 앱- 여러 개의 개별 페이지로 구성됨 앱의 상태관리에 매우 좋음 쿠키를 통한 사용자 데이터 저장과 서버 측 매커니즘(그것도 약간)을 제외하면 신경 쓸 게 없음 1.1.2. 최근 싱..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 1. 5.
• textsms

[React] 0: React 벽돌깨기 리스트

React에 대한 개인학습을 기록합니다. INTRO 내 블로그의 포스팅 양식을 한 번 뒤엎을 예정이다. 타이틀과 컨텐츠 둘 다 규격이 제멋대로이니 보기 좋지 않다. 템플릿도 나랑 안 맞는 것 같아서 티스토리보다 Velog나 Wordpress로 옮길까 싶기도 하지만 이에 대해선 설날 전에 결정할 것 같다. 이번에 빠르게 돌려 볼 컨텐츠는 React인데 하게 된 이유는 해야해서다. 해야 되는 걸 어케. 차례를 정하고 독파할 거다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 리액트 개요 확인 JSX다루기 리액트 컴포넌트 리액트 스타일링 컴포넌트 복잡하게 다루기 속성 전달 JSX 복잡하게 다루기 상태 다루기, 카운터 설정 데이터를 UI로 불러오기 이벤트 다루기 컴포넌트 생명주기 (생명주기 메소드) DOM 엘..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 1. 4.
• textsms

[Django] 게시판 구현하기 (1)

# 개인 학습용 기록글 입니다 커뮤니티 게시판app을 만들려고 한다 게시판app/영업점App의 기반만 만든 후, 다시 유저app으로 가서 세부조정에 들어갈 것이다 (FK, PK등을 재구상해야함) 게시판 최종목표는 다음과 같다 1. 질문 게시판 - 답변 기능 구현 2. 정보및 자유 게시판 - 단일 게시글에 댓글 구현, 좋아요/추천 기능 구현 3. 후기 게시판 - 영업점을 지정하여 리뷰글을 작성. 해당 영업점을 카테고리 기준으로 하여 볼 수 있게해야함 [communities > models.py] 1. board클래스 작성 from django.db import models class Board(models.Model): title = models.CharField(max_length=20, null=Tru..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2021. 9. 23.
• textsms

[Django] user 다중권한 구현하기(2)

# 개인 학습용 기록글 입니다 4. 공통 User 클래스 작성하기 class User(AbstractBaseUser, PermissionsMixin): id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False) email = models.EmailField( verbose_name="이메일", max_length=255, unique=True, ) nickname = models.CharField(max_length=20, null=False, unique=True) is_active = models.BooleanField(default=True) is_staff = models.BooleanField(default=False)..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2021. 9. 22.
• textsms

[Django] user 다중권한 구현하기(1)

# 개인 학습용 기록글 입니다 다중권한의 목표 고객용/점주용/슈퍼호스트 3가지의 권한을 만든다 고객용/점주용에 따른 추가필드를 만든다 점주는 고객정보를 편집할 수 있는 권한이 있어야 한다 만들 django Backend 자료의 틀을 우선으로 만들고, 각 앱(커뮤니티, 기관, 유저 등)을 다시 deep deep하게 만들어보자 [users > models.py] 1. 패키지 가져오기 from django.contrib.auth.models import ( AbstractBaseUser, BaseUserManager, PermissionsMixin, ) from django.db import models import uuid UUID: 어떤 개체를 고유하게 식별하는 데 사용되는 16바이트 길이의 숫자. 32개..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2021. 9. 21.
• textsms