검색 결과

“AWS”20건

All Frontend Backend AI DevOps Architecture Etc

Frontend
[CSS방법론] SMACSS, BEM, OOCSS
본문은 CSS 방법론인 SMACSS, BEM, OOCSS에 대한 내용을 다루려 했으나, 실제 내용은 호스팅 서비스 만료 안내로 채워져 있습니다. 따라서 CSS 방법론에 대한 정보는 전혀 포함되어 있지 않습니다. SMACSS, BEM, OOCSS는 CSS 코드를 구조화하고 유지보수성을 높이기 위한 방법론들입니다. SMACSS는 스타일을 기본(Base), 레이아웃(Layout), 모듈(Module), 상태(State), 테마(Theme)의 5가지 범주로 나누어 관리하며, BEM은 블록(Block), 요소(Element), 수정자(Modifier)를 사용하여 클래스 이름을 명명 규칙에 따라 작성합니다. OOCSS는 객체 지향 원칙을 CSS에 적용하여 재사용 가능한 컴포넌트를 만드는 데 중점을 둡니다. 이 방법론들은 복잡한 웹 애플리케이션에서 CSS를 효율적으로 관리하는 데 도움을 줄 수 있습니다.
CSSSMACSSBEM
NTS·2015년 4월 15일
Frontend
프론트엔드와 THE TWELVE-FACTOR APP
이 글은 프론트엔드 개발자가 12Factor 원칙을 이해하고 Next.js 기반의 웹 애플리케이션에 적용하는 방법을 다룹니다. 12Factor는 애플리케이션 운영의 독립성을 높이기 위한 12가지 요소로, 백엔드 영역에서는 필수 원칙으로 여겨지지만 프론트엔드 개발자에게도 중요합니다. 특히 카카오엔터테인먼트에서 Next.js를 사용하여 FE 개발자가 직접 서비스를 운영하는 경험을 바탕으로, 12Factor 원칙이 어떻게 유연하고 견고한 웹 애플리케이션 구축에 기여하는지 설명합니다. Next.js의 API Routing, Middleware 등 서버 영역으로 확장되는 프론트엔드 개발 스펙트럼에서 12Factor의 중요성을 강조합니다.
12FactorNext.jsFrontend
카카오엔터테인먼트FE·2021년 11월 25일
Frontend
안드로이드 클라이언트 Reflection 극복기
타다 팀의 iOS 개발자가 모듈화를 통해 SwiftUI Preview의 효율성을 높인 경험을 공유하는 글입니다. 모듈화 도입의 이점을 기대하며, 특히 팀의 개발 리소스와 프로젝트 특성에 맞춰 효과적으로 활용하는 방안을 모색했습니다. 본 글은 모듈화를 통한 SwiftUI Preview 효율화와 SwiftUIRIBs으로의 마이그레이션이라는 두 부분으로 구성되며, Tuist를 이용한 모듈화 적용 사례를 다룹니다. 이를 통해 iOS 개발 생산성 향상에 대한 구체적인 경험과 인사이트를 제공합니다.
SwiftUIiOS모듈화
VCNC·2013년 7월 31일
Frontend
Yarn Plugin으로 우아하게 자동 로깅하기
이 글은 Yarn Plugin을 활용하여 로그 관리의 속도, 정확성, 개발자 경험을 향상시키는 방법을 소개합니다. 수많은 사용자와 서비스에서 발생하는 로그를 효율적으로 관리하는 것은 중요한 과제이며, Yarn Plugin은 이러한 문제를 해결하기 위한 우아한 접근 방식을 제공합니다. 특히 Frontend Platform Engineer의 관점에서 개발 과정의 편의성을 높이고, 로그 데이터의 신뢰성을 확보하는 데 초점을 맞추고 있습니다. 이를 통해 개발팀은 더욱 빠르고 정확하게 로그를 분석하고 활용할 수 있게 됩니다.
Yarn Plugin자동 로깅개발자 경험
토스·2024년 12월 4일
Frontend
비트윈의 스티커 시스템 구현 이야기
타다의 iOS 개발팀에서 모듈화를 통해 SwiftUI Preview의 효율성을 높인 경험을 공유하는 글입니다. 모듈화 도입의 이점을 기대하며, 팀의 개발 리소스와 프로젝트 특성에 맞춰 효과적으로 활용하는 방안을 모색했습니다. 이 글은 모듈화를 통한 SwiftUI Preview 효율화 경험을 1부로 다루며, 2부에서는 SwiftUIRIBs으로의 마이그레이션에 대해 다룰 예정입니다. 타다는 Tuist를 사용하여 모듈화를 적용했습니다.
SwiftUIPreview모듈화
VCNC·2013년 6월 24일
Frontend
HBase 설정 최적화하기
타다 iOS 개발팀의 황득연님이 작성한 글로, 모듈화를 통해 SwiftUI Preview의 효율성을 높이는 경험을 공유합니다. 많은 iOS 개발자들이 모듈화를 도입하며 다양한 이점을 기대하지만, 타다 팀은 자신들의 개발 리소스와 프로젝트 특성에 맞춰 모듈화를 효과적으로 활용하는 방안을 고민했습니다. 이 글은 모듈화를 통한 SwiftUI Preview 효율화 경험을 1부로 다루며, 2부에서는 SwiftUIRIBs으로의 마이그레이션에 대해 다룰 예정입니다. 타다는 Tuist를 사용하여 모듈화를 적용했습니다.
SwiftUIPreview모듈화
VCNC·2013년 4월 23일
Frontend
자바스크립트의 새로운 기능들
이 글은 프론트엔드 개발자에게 필수적인 자바스크립트의 새로운 기능들을 소개합니다. 매년 발표되는 ECMAScript 사양 중 ES2022에 정식으로 포함된 기능들과 ES2023에 추가될 예정인 기능들을 미리 살펴봅니다. 특히, ES2022부터 모듈 최상위 레벨에서 await 키워드를 사용할 수 있게 된 'Top-level await' 기능을 중점적으로 다룹니다. async/await 문법의 한계점을 예제 코드를 통해 설명하고, Top-level await을 활용하여 비동기 모듈을 더 간결하고 효율적으로 처리하는 방법을 제시합니다. 이를 통해 개발자는 비동기 코드의 가독성과 유지보수성을 향상시킬 수 있습니다.
JavaScriptES2022ES2023
카카오엔터테인먼트FE·2022년 7월 28일
Frontend
Swift Concurrency 성능 조사
LINE Plus iOS Platform Dev 팀의 김윤재님이 Swift Concurrency의 성능 관점에서 주의해야 할 점을 스터디한 내용을 공유합니다. Swift Concurrency의 내부 작동 방식 중 TaskPriority와 Suspension points를 먼저 살펴봅니다. TaskPriority는 GCD의 QoS와 유사한 역할을 하며, High, Default, Low 세 가지 우선순위를 가집니다. WWDC 2021에서는 스레드 수를 코어 수로 제한하여 콘텍스트 스위칭을 줄인다고 소개되었으나, 우선순위가 다양한 작업이 있을 때 OS가 스레드를 어떻게 할당하고 낮은 우선순위 작업의 실행을 어떻게 보장하는지에 대한 의문이 제기되었습니다. 이를 해결하기 위해 우선순위가 높은 작업부터, 혹은 낮은 작업부터 추가했을 때의 스레드 할당 방식을 코어 6개인 iPhone 12 Pro 기기에서 테스트한 결과를 공유합니다.
Swift ConcurrencyiOS성능
라인·2023년 6월 13일
Frontend
비트윈 데이터팀의 Spark Summit EU 2017 참가기
타다 iOS 개발팀의 황득연님이 작성한 글로, 모듈화를 통해 SwiftUI Preview의 효율성을 높이는 방법을 공유합니다. 많은 iOS 개발자들이 모듈화를 도입하며 얻는 이점을 기대하지만, 타다 팀은 자체 개발 리소스와 프로젝트 특성에 맞춰 모듈화를 더욱 효과적으로 활용하는 방안을 고민했습니다. 이 글은 이러한 고민의 결과로 얻은 구체적인 경험을 2부에 걸쳐 공유하는 첫 번째 글로, 모듈화를 통한 SwiftUI Preview 효율화에 초점을 맞추고 있습니다. 타다 팀은 Tuist를 사용하여 모듈화를 적용했으며, 이 글은 그 첫 번째 이야기입니다.
SwiftUIPreview모듈화
VCNC·2017년 12월 18일
Frontend
비트윈 PC 버전 개발기
타다 팀의 iOS 개발자가 SwiftUI Preview의 효율화를 위해 모듈화를 적용한 경험을 공유하는 글입니다. 모듈화 도입의 이점을 기대하며, 특히 팀의 개발 리소스와 프로젝트 특성에 맞춰 효과적으로 활용하는 방안을 모색했습니다. 본 글은 1부로, SwiftUI Preview 효율화에 초점을 맞추고 있으며, 2부에서는 SwiftUIRIBs으로의 마이그레이션에 대해 다룰 예정입니다. 타다는 Tuist를 사용하여 모듈화를 적용했습니다.
SwiftUIPreview모듈화
VCNC·2014년 11월 10일
Frontend
자바스크립트의 새로운 기능들
이 글은 프론트엔드 개발자에게 필수적인 자바스크립트의 새로운 기능들을 소개합니다. 특히 ES2022에 정식으로 채택된 기능들과 ES2023에 추가될 예정인 기능들을 미리 살펴봅니다. 주요 내용으로는 모듈 최상위 레벨에서 await를 사용할 수 있게 된 'Top-level await' 기능이 예제와 함께 설명됩니다. 기존 자바스크립트의 비동기 처리 방식의 한계를 극복하고 코드의 가독성과 효율성을 높일 수 있는 최신 자바스크립트 문법들을 이해하고 활용하는 데 도움을 주는 것을 목표로 합니다.
JavaScriptES2022ES2023
카카오엔터테인먼트FE·2022년 7월 28일
Frontend
Cursor AI를 활용하여 Frontend 손쉽게 개발하기
이 글은 Cursor AI라는 AI 기반 IDE를 활용하여 프론트엔드 개발 생산성을 높이는 방법을 소개합니다. Cursor AI는 코드 자동 완성, 버그 수정, 코드 생성 등 다양한 AI 기능을 제공하여 개발자가 반복적인 작업을 줄이고 핵심 로직에 집중할 수 있도록 돕습니다. 특히, 프롬프트 엔지니어링을 통해 AI의 성능을 극대화하는 방법과 실제 개발 과정에서 Cursor AI를 어떻게 적용할 수 있는지 구체적인 예시를 통해 설명합니다. 이를 통해 개발자는 더 빠르고 효율적으로 고품질의 프론트엔드 애플리케이션을 개발할 수 있습니다.
Cursor AIFrontendIDE
데보션·2025년 10월 2일
Frontend
스마트 동기화 - File Provider를 사용한 똑똑한 동기화
네이버 MYBOX macOS 앱에서 새롭게 도입된 스마트 동기화 방식에 대해 설명하는 글입니다. 기존 폴더 동기화 방식은 디바이스 저장 공간을 많이 차지하고, 네트워크 가상 디스크 마운트 방식은 오프라인 접근이 어렵다는 단점이 있었습니다. 스마트 동기화는 파일의 메타데이터만 로컬에 저장하고, 사용자가 파일을 열 때 콘텐츠를 다운로드하여 저장 공간을 효율적으로 사용합니다. 또한, 사용자가 원할 때 파일을 다시 메타데이터 상태로 되돌릴 수 있어 저장 공간 관리가 용이합니다. 이 글에서는 스마트 동기화 방식과 함께 사용된 Apple의 File Provider 프레임워크에 대해서도 간략히 소개합니다.
macOSMYBOX스마트 동기화
네이버·2023년 8월 4일
Frontend
TypeScript in the real world - 02
본 글은 'TypeScript in the real world - 02'라는 제목으로, TypeScript에서 함수가 다양한 타입의 인자를 받을 때 이를 효과적으로 처리하는 방법에 대해 설명합니다. 특히 Union 타입과 Generic을 활용하여 유연하고 안전하게 함수 인자의 타입을 정의하는 방법을 다룹니다. 이를 통해 복잡한 타입 시나리오에서도 코드의 가독성과 유지보수성을 높일 수 있습니다. 실제 개발 환경에서의 TypeScript 활용 사례를 통해 Union과 Generic의 유용성을 보여주며, 관련 참고 자료도 함께 제공합니다.
TypeScriptUnionGeneric
데이블·2019년 9월 21일
Frontend
새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)
본문은 웹페이지 성능 측정 지표인 CLS(Cumulative Layout Shift)에 대한 설명이 아닌, 호스팅 서비스 이용 기간 만료 안내 메시지입니다. 따라서 CLS 지표 자체에 대한 정보나 기술적인 내용은 포함하고 있지 않습니다. CLS는 사용자 경험에 영향을 미치는 시각적 안정성 지표로, 페이지 로딩 중 콘텐츠 이동으로 인해 발생하는 레이아웃 변경을 측정합니다. 하지만 제공된 텍스트는 기술적인 내용을 다루지 않으므로, CLS에 대한 자세한 설명이나 관련 기술, 결론을 추출할 수 없습니다.
CLS웹 성능성능 측정
NTS·2020년 12월 28일
Frontend
새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)
본문은 웹페이지 성능 측정 지표 중 하나인 CLS(Cumulative Layout Shift)에 대한 설명이 아닌, 호스팅 서비스 만료 안내 메시지입니다. 따라서 CLS 지표의 정의, 측정 방법, 개선 방안 등에 대한 정보는 포함되어 있지 않습니다. CLS는 사용자가 페이지를 로드하는 동안 예상치 못한 레이아웃 변경이 얼마나 발생하는지를 측정하는 지표로, 사용자 경험에 큰 영향을 미칩니다. 하지만 제공된 텍스트는 기술적인 내용을 담고 있지 않아 CLS에 대한 분석이나 요약을 진행할 수 없습니다.
CLS웹 성능성능 측정
NTS·2020년 12월 28일
Frontend
프론트엔드 개발자가 지구 온난화를 막는 방법. (feat. 이미지 최적화)
이 글은 프론트엔드 개발자가 지구 온난화 문제 해결에 기여할 수 있는 방법을 제시하며, 특히 이미지 최적화를 통한 웹페이지 무게 감소의 중요성을 강조합니다. 전 세계 데이터 센터의 막대한 전력 소비와 탄소 배출 문제를 지적하며, 웹페이지 무게 증가가 에너지 소비 증가로 이어진다고 설명합니다. 이미지 최적화를 통해 웹페이지를 가볍게 만들면 데이터 전송 효율성을 높이고 에너지 수요를 줄일 수 있으며, 이는 사용자 경험 향상과 검색 순위 상승에도 긍정적인 영향을 미칩니다. 글에서는 실제 서비스에서 최적화되지 않은 외부 이미지가 페이지 용량을 크게 늘린 사례를 언급하며, 이미지 최적화의 필요성을 역설합니다.
이미지 최적화웹 성능Frontend
원티드·2022년 6월 3일
Frontend
새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)
본문은 웹페이지 성능 측정 지표 중 하나인 CLS(Cumulative Layout Shift)에 대한 설명이 아닌, 호스팅 서비스 만료 안내 메시지입니다. 따라서 CLS 지표 자체에 대한 정보는 포함하고 있지 않습니다. CLS는 사용자가 페이지를 이용하는 동안 예상치 못한 레이아웃 변경이 얼마나 발생하는지를 측정하는 지표로, 웹사이트의 사용자 경험에 직접적인 영향을 미칩니다. 이러한 레이아웃 변경은 이미지, 광고, 동영상 등이 로드될 때 콘텐츠가 밀려나면서 발생할 수 있으며, 사용자가 의도하지 않은 요소를 클릭하게 만들거나 콘텐츠를 놓치게 하는 등 불편함을 야기합니다. 따라서 웹 개발자는 CLS를 개선하기 위해 이미지에 명시적인 크기를 지정하거나, 동적으로 로드되는 콘텐츠의 공간을 미리 확보하는 등의 노력이 필요합니다. 하지만 제공된 본문은 이러한 기술적인 내용을 담고 있지 않아, CLS에 대한 분석이나 요약을 진행할 수 없습니다.
CLS웹 성능성능 측정
NTS·2020년 12월 28일
Frontend
[엔클 날개] EP.7 : 동국대학교 대나무숲 익명 커뮤니티 개발기
이 글은 동국대학교 학생들이 네이버 클라우드 플랫폼(Ncloud)을 활용하여 개발한 익명 기반 SNS 커뮤니티 서비스 '동국대학교 대나무숲(DGU-Bamboo)'의 개발 과정을 소개합니다. '멋쟁이사자처럼' 동아리 소속 팀이 Ncloud 예비 개발자 지원 프로그램 'Green Developers' 후원을 받아 프로젝트를 진행했으며, 대학생들이 익명으로 소통할 수 있는 공간을 구현했습니다. 글에서는 서비스 개발의 전반적인 내용과 Ncloud의 활용 사례를 다루며, 대학생들의 IT 프로젝트 경험과 성장을 지원하는 Ncloud의 역할을 강조합니다.
Ncloud웹 서비스앱 개발
네이버클라우드플랫폼·2023년 10월 24일
Frontend
카나리 테스트와 함께하는 안전한 서버 배포
타다 팀의 iOS 개발자가 SwiftUI Preview의 효율화를 위해 모듈화를 도입한 경험을 공유합니다. 모듈화는 다양한 이점을 기대하며 적용되었으며, 특히 팀의 개발 리소스와 프로젝트 특성에 맞춰 효과적으로 활용하는 방안을 모색했습니다. 본 글은 모듈화를 통한 SwiftUI Preview 효율화에 초점을 맞추고 있으며, 이는 2부작 중 1부에 해당합니다. 2부에서는 SwiftUIRIBs으로의 마이그레이션 경험을 다룰 예정입니다. 타다는 Tuist를 사용하여 모듈화를 적용했습니다.
SwiftUIPreview모듈화
VCNC·2021년 4월 5일