AI랜딩페이지+1
프론트엔드 엔지니어가 AI로 완성한 n8n 랜딩 페이지 제작 후기
프론트엔드 엔지니어가 AI 도구를 활용해 인포그랩의 n8n 랜딩 페이지를 기획, 디자인, 개발한 경험을 공유합니다. AI 기반 랜딩 페이지 제작 배경과 작업에 활용한 AI 도구, 제작 과정, 효과적인 AI 활용 방법을 다뤘습니다.
#개발
4개의 포스트
문서화개발+1
JSDoc 200% 써먹기
JSDoc은 JavaScript API 문서화 도구로, 코드 가독성을 높이는 데 도움이 됩니다. 요즘 백엔드 진영에서는 Swagger가 선호되지만 프론트엔드 진영에서 유용한 JSDoc 기능이 여전히 많습니다. 타입 힌트, 타입 정의와 가져오기, 함수 정보 제시, 정보 연결과 구분이 그 예입니다. 이 글은 프론트엔드 진영에서 사용하기에 좋은 JSDoc 기능과 효과적인 활용 방법을 다뤘습니다.
디자인개발+1
디자인과 개발을 위한 그리드 시스템의 모든 것
그리드 시스템은 페이지나 화면 레이아웃을 구성하는 보이지 않는 가이드라인으로, 화면을 체계적으로 구성하기 위한 규칙입니다. 이는 요소와 간격을 균일하게 유지해 다양한 플랫폼, 환경, 화면 크기에서 일관된 사용자 인터페이스를 구현합니다. 이 글은 그리드 시스템 개념과 구성, 필요성, 반응형 웹디자인에서 역할, 4pt 및 8pt 그리드 시스템을 다뤘습니다.
개발자AI+2
AI 시대 ‘개발자 커리어’ 어떻게 변화할까?
AI 발전으로 개발자 역할이 변화하고 있습니다. 이제 코딩과 설계 업무에 AI가 들어왔지만 AI에 방향을 제시하고, 기술 부채를 해결하는 데 개발자 역할은 여전히 필요합니다. 이 글은 1990년대~2020년대 개발자 풍경을 짚고, AI 시대에 필요한 개발자 역할을 다뤘습니다.
