본문 바로가기 메뉴 바로가기

정리하는공간

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

정리하는공간

검색하기 폼
  • 분류 전체보기 (17)
    • Container (3)
      • Docker (3)
    • Javascript (3)
    • 알고리즘 (7)
    • React (2)
    • 생활팁 (1)
  • 방명록

React (2)
[연재] React 를 활용한 간단한 게시판 구현하기 #1 React 프로젝트 구성하기

# 시작에 앞서서.. 안녕하세요! 오늘부터 React 를 통해, 웹 개발의 기본 중 하나인 간단한 게시판 구현 과정을 연재해보려고 합니다. 기본적인 React 문법은 어느정도 숙지했다고 가정하고 시작하려 하구요, 틈틈히 React 관련 문법들을 설명하며 진행할 예정입니다. 흔히들 CRUD 라는 용어를 많이 사용하시는데요, 처음 듣는 분도 계실거라 생각해요. CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 위키백과에는 이렇게 정리가 되어있네요. 말 그대로 데이터를 이용해 무언가를 생성하고, 조회하고, 수정하고, 삭제하는 기능들을 일컫어 부르는 용어가 CRUD 인데요! 대부분의..

React 2021. 11. 24. 22:02
CRA (create react app)을 통해 만든 서비스 절대 경로 사용하기

문제점 프로젝트를 진행하다보면 폴더 계층 구조가 점차 깊어져 다른 소스를 import 하려 할때 해당 소스의 경로를 찾기 어려운 경우가 많다. import component from '../../../component'; 와 같이 상대경로를 통해 일일이 특정 소스를 찾아가야 하는데, 이는 가독성, 유지보수 측면에서 상당히 불편한 부분이다. React를 개발하는 경우 대부분 Create React App을 사용하여 개발을 진행하게 될텐데, 위의 문제를 해결할 수 있는 좋은 방법이 있다. 바로 특정 폴더를 기준으로 절대 경로를 사용할 수 있게 설정하는 것이다. 만약 src 폴더를 루트 경로로 설정했다고 했을때, 위의 component를 절대 경로를 사용하여 다음과 같이 표현할 수 있다. import comp..

React 2021. 3. 30. 23:26
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • cra
  • react #cra #create-react-app #baseUrl #절대경로 #상대경로 #webpack #웹팩
  • 이미지크기조절
  • 사진사이즈조절
  • 클로저사용이유
  • 도커장점
  • 실행 컨텍스트
  • 자바스크립트
  • 도커의개념
  • 알고리즘
  • 렉시컬 환경
  • 실행컨텍스트
  • execution contexts
  • 도커사용하는이유
  • javascript
  • 도커의의의
  • 도커란
  • 도커
  • 클로저개념
  • 호이스팅
  • react
  • Docker
  • nodejs
  • create-react-app
  • 도커 #docker #mysql #docker desktop
  • execution context
  • 이미지크기줄이기
  • lexical environment
  • 알고리즘 #다이나믹프로그래밍 #dynamic programming
  • 알고리즘 #BinarySearch #Binary Search #이진검색 #이진 검색 #javasript
more
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바