[🌐EN](<https://synctree-guide.notion.site/Take-advantage-of-Code-Section-Blocks-85f1604bcbd9412b85a2785bcd73a0f8>)
Helper의 Code Section 블록은 Synctree 블록 코딩의 필수 요소입니다.
Code Section을 사용해 기능 단위로 묶어서 블록 코딩을 진행하게 되면 다음과 같은 장점을 얻을 수 있습니다.
첫째, 블록 코딩의 가독성이 좋아집니다. 코드 섹션은 접거나 펼쳐볼 수 있어서 필요한 부분만 펼쳐 놓고 가독성 있게 작업을 할 수 있습니다. 또한, Comment 블록을 같이 사용하면 우측에 Flag로 등록되며 클릭할 시 해당 코멘트로 이동하기 때문에, 간단한 메모 작성 및 체크포인트로 활용할 수 있습니다.
둘째, 블록 코딩의 렌더링 속도가 빨라집니다. Code Section 없이 블록을 구성하면, Code Section이 있는 경우와 비교해 블록 렌더링과 이동 속도에 현저한 차이가 발생합니다. 블록 코딩의 성능 최적화를 위해 코드 섹션을 사용하기를 권장합니다.
아래의 이미지는 앞선 블록에서 Code Section을 사용하지 않은 예제입니다.
블록 코드가 길어지므로 가독성이 좋지 않으며, 체크포인트를 찾기도 쉽지 않습니다. 무엇보다 블록이 길어질 경우, 렌더링 속도가 느려지는 문제가 발생할 수 있습니다.
