React 핵심 개념 이해
JSX 문법 활용
JSX는 JavaScript의 확장 문법으로 HTML과 유사한 구조를 사용합니다. 중괄호를 통해 JavaScript 표현식을 포함할 수 있습니다.
function formatUserName(person) {
return person.givenName + ' ' + person.familyName;
}
const personData = {
givenName: 'Minsoo',
familyName: 'Kim'
};
const greetingElement = (
<h2>
안녕하세요 ...
7월 12일 21:04에 게시됨
커링과 팩토리 함수, JS 프론트엔드 개발 활용법
1. 커링(Currying)의 실제 활용
커링은 여러 인자를 받는 함수를 하나의 인자를 받는 함수들의 체인으로 변환하는 기법입니다. 코드 재사용성과 지연 실행(lazy evaluation)을 가능하게 합니다.
활용 1: 공통 파라미터 고정을 통한 API 클라이언트 생성
// 일반적인 fetch 함수
function request(baseUrl, path, query) {
const params = new URLSearchParams(query).to ...
6월 28일 19:11에 게시됨
레이UI 다중 테이블 이벤트 핸들링 시 ID 충돌 해결
한 페이지에 여러 테이블이 존재할 때, 레이어UI의 테이블 툴바 이벤트에서 ID 값이 정상적으로 추출되지 않는 문제가 발생할 수 있습니다. 다음은 대표적인 오류 사례입니다:
문제 재현 코드
<div hidden>
<script type="text/html" id="ToolTemplateA">
<a class="layui-btn" lay-event="modify">수정</a>
</script>
<scrip ...
6월 17일 22:05에 게시됨