ISA
3k
2020-08-29 20:08:40 작성 2020-08-29 20:10:13 수정됨
0
384

spa 라이브러리 개발


바닐라 자바스크립트로 개발하면서 매일매일 조금씩 타협 할건 타협해가면서 진행중인데 확실히 리액트나 뷰가 고려해주는 점이나 지원해주는게 많다고 느끼고 있어요. Npm 패키지 최대한 배제하고 간단히 만들려고하니 당연하게 되던 것들이 안되기 시작하네요. Import에서 발생하는 파일 확장자 문제라거나 돔 렌더링 문제 템플릿 문법 적용등 여러가지 문제들이 많이 터지는게 이걸 토이로 시작한거에 보람을 느껴질 정도로 생각 할 것도 많고 그렇습니다.

현재는 디렉토리 구조나 파일 구조는 어느 정도 정해지고 core역할을 할 것들 차근차근 개발해 나가는 중입니다. 컴포넌트 파일 구조는 대략 css분리 js안에 템플릿 리터럴 방식으로 html을 in js 시켰고


{
data : object,
template : string,
Event : function
}

 컴포넌트 객체를 대략 이런 식으로 짜서 data와 html을 분리하려고 시도 중인데 렌더링 문제로 골치 아프네요. Prop형식으로 데이터 주고 받는거 까지야 어찌저찌 단순하게 만들었는데 컴포넌트를 렌더링 하는 라이프 사이클을 어떤 방식으로 구현하고 리플로우가 최대한 덜 일어나는 방향으로 하려면 어떻게 해야되는지 뭔가 어렵네요. 간단하게 만들려고 하는데도 고려해야할게 너무 많은거 같습니다.

그래도 재미는 있어서 할만한거 같습니다.

다들 화이팅!

0
  • 댓글 0

  • 로그인을 하시면 댓글 을 등록할 수 있습니다.