[fe] setting

BASE SETTING

 

무조건 wsl2기반으로 작업할거다

windows로 작업하면 mac등 다른 os에선 충돌이 있을수도 있기 때문이다.

 

ide는 ms가 만들었고 wsl2에도 최적화 되어있는 vscode를 사용한다.

 

project folder는 /project/whwtopia/fe 에다 할거다.

root로 접속안해도 수정 가능하게 chmod도 잡아준다.

 

git ssh는 귀찮으니까 window에 설정되어있었던 ssh 가져오고...

( 주의할건 root가 아니라 ${USER}에도 가져오게 하려면 해당 ${USER}에도 알아서 .ssh 복붙하도록... )

 

branch 구조는 다음과 같다

 

1. master => real server staging

2. dev => dev server staging

3. featreus/* => features/에 대한 branch

 

master와 dev를 제외한 branch는 정상적인 merge되면 "삭제"

 

 

LIB SETTING

1. parcel (bundler)

2. lit-html (ui lib)

3. @emotion (css in js lib)

3. typescript

 

가장 중요하게 여기는것은 third part에 "종속"되지 않게 하는것이다.

각자의 lib는 각각 third part 의존성이 없게 설계된 것을 사용하며 api는 되도록 side effect가 없는 1급함수 api를 사용한다.

 

REPO STRUCTURE

/public
	index.html
    /asset
    	/styles
        	- reset.css
            - lib.css ...
        /images
/src
	App.ts
    index.ts
    /styles
	/components
    	/atoms
        /molecules
        ..
    /views
    /logics
    	...

일단 구조는 이렇게 됬으며 현재 자유롭게 짜는 특성상 바뀔수도 있다.

계속해서 자체 평가 및 refactoring할 예정이며 어느정도 윤곽이 잡혔을때 자세한 설명을 reademe에 적을 예정

 

TODO

1. router setting ( use browser pushState api )

2. state management ? ( 아직 고려해볼 사항 )

 

프론트 엔드쪽은 어느정도 잡힌거 같다.