기술 블로그 모음

국내 IT 기업들의 기술 블로그 글을 한 곳에서 모아보세요

전체 프론트엔드 백엔드 데브옵스 AI 아키텍처 DB 네트워크 보안 기타
쪼그라드는 웹페이지
데브시스터즈
쪼그라드는 웹페이지

모바일 반응형 웹페이지를 쉽고 빠르게 구현하기 위해 저희가 고안한 방법을 소개합니다.

정적 분석으로 자바스크립트 코드의 오류와 코드 스멜 찾기 ② - 정적 분석 도구로 수집한 코드 결함 사례와 정적 분석 도구 선택 Tip
삼성 SDS
정적 분석으로 자바스크립트 코드의 오류와 코드 스멜 찾기 ② - 정적 분석 도구로 수집한 코드 결함 사례와 정적 분석 도구 선택 Tip

깃허브에 있는 수천 개의 공용 자바스크립트 및 타입스크립트 프로젝트를 분석하여 정적 분석 도구로 수집한 코드 결함 사례와 정적 분석 도구를 선택할 때 고려해야 할 사항들을 살펴보겠습니다

정적 분석으로 자바스크립트 코드의 오류와 코드 스멜(Code Smell) 찾기 ① - 정적 분석 도구와 자바스크립트 코드 결함
삼성 SDS
정적 분석으로 자바스크립트 코드의 오류와 코드 스멜(Code Smell) 찾기 ① - 정적 분석 도구와 자바스크립트 코드 결함

정적 분석 도구가 자바스크립트 개발에 어떤 도움을 줄 수 있는지 살펴보도록 하겠습니다.

일이 놀이가 되는 순간, 프로토타이핑!
삼성 SDS
일이 놀이가 되는 순간, 프로토타이핑!

오늘은 디자인 편견 깨기 두 번째 시간으로 디자인에 대한 편견을 없애주는 프로토타이핑에 대해 이야기해보겠습니다. 디자인 편견 깨기 기사에서 언급했던 디자인에 대한 편견은 프로토타이핑을 하면서 깨어질 수 있습니다.

리액트 프로그래밍의 새로운 바이블을 소개합니다!
삼성 SDS
리액트 프로그래밍의 새로운 바이블을 소개합니다!

삼성SDS 소셜 미디어 팬 여러분~ 오늘은 머릿속에 리액트 프레임워크가 마구마구 떠오르게 만드는 책 한 권 소개해드립니다! 바로 삼성SDS 임직원이 집필한 머릿속으로 그리는 리액트 프로그래밍인데요. 실제 프로젝트를 진행하면서 얻는 경험과 꿀팁이 가득 담긴 리액트 바이블! 저자 인터뷰를 다 같이 살펴볼까요?

나보다 나를 더 잘 아는 제로 UI
삼성 SDS
나보다 나를 더 잘 아는 제로 UI

최근 AI(Artificial Intelligence, 인공지능) 분야에 대한 투자와 연구가 활발히 진행되고 있습니다. AI 기술 발달에 따라 개인 비서처럼 사용자에게 특화된 서비스를 제공하는 가상 개인 비서(Virtual Personal Assistants) 서비스도 급격히 증가하고 있는데요 이번 기사에서는 가상 개인 비서에 숨겨진 제로 UI(Use...

사용자에서 고객으로! 고객 경험(UX) 시대!
삼성 SDS
사용자에서 고객으로! 고객 경험(UX) 시대!

여러분은 스마트폰을 새로 구입할 때 어떤 부분을 가장 우선시하나요? 브랜드, 디자인, 가격 등 사람마다 선택 요소가 다른데요. 특히 요즘 스마트 기기 디자인은 외관뿐만 아니라 소비자가 얼마나 쉽고 편리하게 사용할 수 있는지를 포함하는 개념으로 바뀌고 있습니다.

실시간 항공권 검색 서비스, 이렇게 만들었어요!
티몬
실시간 항공권 검색 서비스, 이렇게 만들었어요!

티몬에 실시간 항공권 검색 서비스가 있다는 사실! 아시나요? : ) 티몬에서는 정해진 구간에 대한 항공권을 ‘딜’ 형태로 판매하는 상품도 있고, 내가 원하는 날짜와 여행지를 선택하여 항공권을 검색하는 ‘실시간 항공권 검색’ 서비스도 제공하고 있답니다. ▼ 항공권 검색 서비스에 대한 이용 방법은 여기서 확인해보세요! 항공권 검색 서비스 앞에 [실시간]이...

[알쓸신팁-부록] Javascript 성능 저하 방지법
티몬
[알쓸신팁-부록] Javascript 성능 저하 방지법

Front 개발을 하다가 작은 실수 하나로 화면의 성능이 확 떨어지게 되는 경우들이 있습니다. 이런 상황을 미연에 방지하기 위하여, 간단한 3가지 방법을 알려드립니다.1. 전역변수 및 Element를 지역변수화 하여 캐싱 먼저 지역변수를 활용하는 방법입니다.(무슨 말인지 0.1도 모르겠네요.ㅠ^ㅠ) 역시 개발자는 코드로 이야기를 해야겠죠~ㅎㅎ위의 코드...

[알쓸신팁] 서버 개발자가 알아두면 쓸데 있는 신비한 Front팁!
티몬
[알쓸신팁] 서버 개발자가 알아두면 쓸데 있는 신비한 Front팁!

시대가 갈수록 Server 개발자는 API 위주의 개발을 하고, Front는 Front 전문 개발자의 영역으로 굳어지고 있습니다. 티몬 또한 이와 다르지 않게 기존 PHP 소스 이외에 Java API로 전환되는 화면은 점차 Front와 Server의 영역이 확연히 구분되고 있습니다. 하지만, 기존 소스 수정 또는 각종 어드민 등의 개발에서는 여전히 서...

Typescript로 Local Storage 안전하게 사용하기
뱅크샐러드
Typescript로 Local Storage 안전하게 사용하기

최근…

티몬 안드로이드 앱 RxAndroid 적용 사례
티몬
티몬 안드로이드 앱 RxAndroid 적용 사례

초기의 티몬 앱 화면 구성은 지금에 비하면 꽤 단순한 구조였습니다. 한 화면에서 특정 카테고리 상품 목록을 동일한 패턴으로 보여주고 배너 몇 개 들어가는 정도였으니까요. 하지만 더 나은 사용자 경험을 위해 한 화면에 다양한 타입의 뷰를 적용하기 시작했습니다. 슈퍼마트 탭의 홈 화면만 해도 이벤트 배너 목록, 슈퍼 프라이스 목록, 기획전 목록.. 등 노...

자바스크립트의 비동기 처리과정
티몬
자바스크립트의 비동기 처리과정

들어가며안녕하세요. 티몬에서 이제 1년차가 된 신입 개발자입니다! 그 동안 업무를 하면서 배운 것들이 많은데요, 최근에는 티몬의 상품을 관리하는 운영시스템 화면을 개발하면서 자바스크립트를 많이 알게 되었습니다. 안타깝게도 전 자바스크립트를 잘 알지도 못하는 ‘자알못’이었기 때문에 개발하면서 많은 시행착오를 겪었는데요. 특히 기대와 다르게 실행되는 비동...

응답없는 페이지가 되지 않게 하는 법 (feat. setTimeout)
티몬
응답없는 페이지가 되지 않게 하는 법 (feat. setTimeout)

들어가며웹 개발자라면 자바스크립트를 많이 사용하게 됩니다. 웹이 발전하면서, 예전에는 수십줄이면 충분했던 자바스크립트 코드가 이제는 수백, 수천줄 이상이 되었습니다. 클라이언트 개발을 하다보면, 오랜시간 동안 수행될 수 밖에 없는 기능을 구현해야 할 때가 있습니다. 웹 어플리케이션 서버와 주고받는 데이터 양이 매우 많거나, 서버에서 처리하기에는 부하가...

ES플러그인 커스터마이징 (3)ㅎㅇㅇㅎ검색 대응하기
티몬
ES플러그인 커스터마이징 (3)ㅎㅇㅇㅎ검색 대응하기

티몬의 자동완성ES플러그인 커스터마이징을 다루는 마지막 3부의 주제로 한글 검색에 필수적인 자모 분해 Filter에 대해 알아보겠습니다. 티몬에서는 사용자의 검색 편의성을 위해 질의어를 입력하면 연관된 검색어가 자동으로 추천되는 자동완성 서비스를 제공하고 있습니다. 현재 해당 서비스는 한글 자모 분석 로직이 API와 색인 배치에 함께 녹아 있어 API...

ES플러그인 커스터마이징 (2)핫딜 검색순위 조절하기
티몬
ES플러그인 커스터마이징 (2)핫딜 검색순위 조절하기

들어가며 티몬에서는 고객에게 검색 서비스를 제공하기 위해 검색엔진으로 엘라스틱 서치(Elasticsearch, 이하 ES)를 사용하고 있습니다. 고객과 기획자의 요구사항에 충족하는 검색 결과를 위해 티몬에서는 ES플러그인을 커스터마이징 하고 있습니다. 지난 1부에서는 특정 검색 키워드에 따라 제작형 컨텐츠를 추천하는 커스텀 분석기 플러그인의 개발 작업...

ES플러그인 커스터마이징 (1)어떠한 검색어도 의미있는 추천을
티몬
ES플러그인 커스터마이징 (1)어떠한 검색어도 의미있는 추천을

들어가며예상하셨겠지만 티몬에서는 고객에게 검색 서비스를 제공하기 위해 검색엔진으로 엘라스틱 서치(Elasticsearch, 이하 ES)를 사용하고 있습니다. ES는 Solr와 같이 Lucene 을 기반으로 개발되었기 때문에 별다른 추가 기능 없이 그 자체로도 웬만한 검색 서비스는 구현할 수 있는 수준입니다. 하지만 티몬 같은 커머스 검색은 고객과 기획...

‘너’만 바라보며 만들었어, UX 디자인!
삼성 SDS
‘너’만 바라보며 만들었어, UX 디자인!

나는 있잖아. 하루 종일 너만 생각해, 네가 어디에 있는지, 무슨 생각을 하는지, 나를 어떻게 생각하는지 말이야.. 내가 누구냐고? ‘너’만 바라보며 만들었어, 나는 UX 디자인이야.