Portfolio


/public
- favicon
- data.json
/src
- assets
	- images
- components
	- atoms
		- /Button
			- Button.jsx
			- styles.jsx
	- molecules
	- organisms
	- templates
- pages
	- Home
		- Home.jsx
		- style.jsx
	- Event
		- Event.jsx
		- style.jsx
	- Search
		- Search.jsx
		- style.jsx
- stores
- hooks
- providers
- router
- utils


// react 관련
import React, { useEffect, useState, useContext, useCallback } from 'react';
// 라이브러리
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
import dayjs from 'dayjs';
// 모듈
import { FloatingButton, AgendaBox } from 'components';
import { IconPlus } from 'assets';
import { RootStackParamList, IScheduleProps } from 'types';
import {
  connectDB,
  createScheduleTable,
  deleteScheduleItem,
  getDateAndDayOfWeek,
  getScheduleItems,
} from 'db';
import { useNotification } from 'hooks';
import { ONE_DAY, parseToSlash } from 'utils';
import { PopContext } from 'context';
// 스타일
import * as S from './style';


components
	- index.js
	- Button
		- Button.jsx


// components/index.js
export {Component} from '/...'


// Component.jsx 
import * as S from './style.jsx'


export unction Component() {
  const onClick = (e) => console.log(e);
	return(
		<S.Button onClick={onClick}>button</S.Button>
	)
}


// style.jsx
import {styled} from 'emotion'

export const Button = styled.button`
	
`


📦src
 ┣ 📂assets
 ┣ 📂components
 ┃ ┣ 📂Event
 ┃ ┃ ┣ 📜Event.jsx
 ┃ ┃ ┗ 📜style.jsx
 ┃ ┣ 📂Home
 ┃ ┃ ┣ 📜Home.jsx
 ┃ ┃ ┗ 📜style.jsx
 ┃ ┗ 📜index.js
 ┣ 📂providers
 ┃ ┗ 📜AppProvider.jsx
 ┣ 📂router
 ┃ ┗ 📜Router.jsx
 ┣ 📂styles
 ┃ ┣ 📜GlobalStyle.jsx
 ┃ ┣ 📜index.js
 ┃ ┗ 📜theme.js
 ┣ 📜App.jsx
 ┣ 📜index.css
 ┗ 📜index.jsx


feat : 새로운 기능에 대한 커밋
fix : 버그 수정에 대한 커밋
build : 빌드 관련 파일 수정에 대한 커밋
chore : 그 외 자잘한 수정에 대한 커밋(+라이브러리, .gitignore 수정)
ci : CI관련 설정 수정에 대한 커밋(배포 관련)
docs : 문서 수정에 대한 커밋
style : 코드 스타일 혹은 포맷 등에 관한 커밋(주석제거, 코드에 변화가 없을 때)
refactor : 코드 리팩토링에 대한 커밋
test : 테스트 코드 수정에 대한 커밋