새로 쓰는 사용 설명서

FSD 아키텍처의 폴더 구성을 하기 우해서는 여러가지 폴더를 생성하고 공개 API 설정을 위한 index.js entry point를 구성해야한다. 하지만 이러한 작업을 간단히 하기 위해서는 아래의 도구를 사용할 수 있다. https://github.com/feature-sliced/cli GitHub - feature-sliced/cli: Utility to quickly generate layers, slices, and segments from Feature-Sliced Design.Utility to quickly generate layers, slices, and segments from Feature-Sliced Design. - feature-sliced/cligithub.com 설치npm ..

FSD 아키텍처 사이트에 대해 알려주는 공식 사이트는 아래와 같다. https://feature-sliced.github.io/documentation/ Welcome | Feature-Sliced DesignArchitectural methodology for frontend projectsfeature-sliced.github.io 공식적인 개발 문서와 예제 사이트를 제공한다.

학부생 프로그래밍 수업에서 교수님이 강조하는 것 중에 하나는 소스코드에 주석을 남기는 것이다. 그 당시에는 기껏해야 50라인의 C언어 코드를 작성하면서 주석을 남기는 게 너무 거추장 스럽다고 생각했지만 지금에 와서 주석을 남기는 것은 매우 중요하다는 것을 깨닫는다. 개발을 하면서 거의 대부분을 기능을 라이브러리를 끌어다 쓰는 경우가 많다보니, 여러 라이브러리를 사용하게 되고 자연 스럽게 라인이 길어지다니보니, 여러 라이브러리를 혼용하여 사용하는 파일을 보게 되면 여러 가지로 이해하기 어려운 상황이 오게된다. 그렇기에 주석을 남기고 그때의 상황을 메모해두는 것이 중요한 것 같다. 주석에는 양식이 정해진 것은 없겠지만, 약속을 하면서 쓰는 것이 중요할 것 같고, 간결하게 설명을 하더라도, 남겨두는 편이 좋은..

그리드 레이아웃을 유용하게 사용하기 위한 조건을 알아본다. 그리드는 격자 레이아웃 구조로 자식 컴포넌트를 배치하므로 동일한 크기의 자식 요소를 여럿 만들고, 화면 너비에 따라 유동적인 행과 열의 요소 갯수에 맞춰 자식 컴포넌트의 크기를유동적으로 조절한다. 아래는 flex 박스 하위에 그리드 레이아웃을 구성한 것으로 , 화면 너비에 따라 flex 박스의 자식 비율에 따라, 그 아래에 위치한 그리드 레이아웃의 요소 크기도 자동으로 조절이 된다. 화면 너비가 늘어나는 경우에는 대부분의 경우 별다른 영향은 거의 없겠지만, 웹 레이아웃 에서 의 문제는 거의 대부분 원래 시안에서 줄어들 때, 발생하기 나름이다. 이럴때 중요한 것인 화면 너비에 맞게 원래 비율을 유지하는 것인데, Grid 레이아웃으로 이를 해결해보일..

editorjs에서 header tool을 사용하면 아래의 오류가 발생한다. ⨯ node_modules/@editorjs/editorjs/dist/editorjs.mjs (15:1) @ eval ⨯ ReferenceError: Element is not defined 그와 동시에 에디터에서 header를 사용하면 스타일이 정상적으로 적용되지 않는 오류가 발생한다.해당 이슈는 editorjs/header 깃허브 이슈로 등록이 되어 있지만 명확한 해결 방법이 없어 보인다. https://github.com/editor-js/header/issues/122' but required in type 'ConstructorArgs'. This in..." data-og-host="github.com" data-og..