본문 바로가기
728x90
반응형

전체 글35

모바일 UI/UX 디자인 영감을 얻고 싶다면? 추천 사이트 6선 UI/UX 디자이너라면 한 번쯤 "이 앱은 어떻게 디자인했을까?"라는 궁금증을 가져본 적이 있을 거예요. 모바일 디자인은 사용자 경험을 좌우하는 핵심 요소인 만큼, 최신 트렌드를 놓치지 않는 게 중요하죠. 오늘은 국내외에서 사랑받는 모바일 UI/UX 레퍼런스 사이트 6곳을 소개해 드릴게요. 초보자부터 실무자까지 영감과 실용성을 동시에 챙길 수 있는 곳들로만 골라봤습니다!  1. WWIT (What Was IT) - 한국 앱 디자인의 보물창고사이트: wwit.design특징: 한국 모바일 앱 UI를 아카이빙한 사이트로, 국내 디자인 트렌드를 한눈에 파악할 수 있어요. 카테고리별, 패턴별로 정리된 스크린샷이 깔끔하고 직관적입니다.추천 포인트: 한국 사용자 경험에 특화된 디자인을 찾고 있다면 이곳에서 시작하세.. 2025. 3. 5.
Sync/Async & Block/Non-block: 개념과 차이점 쉽게 이해하기 프로그래밍에서 자주 마주치는 개념인 '동기/비동기'와 '블로킹/논블로킹'은 종종 혼동되거나 같은 의미로 잘못 이해되곤 합니다. 이 글에서는 이 두 개념의 차이점과 각각의 특징을 명확히 알아보겠습니다.1. 핵심 개념 정리Sync vs Async (동기 vs 비동기)동기(Synchronous)와 비동기(Asynchronous)는 프로그램이 작업을 처리하는 방식에 차이를 둡니다.동기(Synchronous): 작업이 순차적으로 진행됩니다. 하나의 작업이 끝난 후에야 다음 작업을 시작할 수 있습니다. 즉, 현재 작업이 완료될 때까지 다른 작업을 기다려야 합니다.public void syncExample() { task1(); // task1이 끝날 때까지 task2는 시작되지 않음 task2();}비동기(A.. 2025. 1. 17.
Spring WebFlux 이해하기: 리액티브 프로그래밍의 시작 최근 마이크로서비스 아키텍처와 대용량 트래픽 처리에 대한 관심이 높아지면서, Spring WebFlux가 주목받고 있습니다. 전통적인 Spring MVC와는 다른 접근 방식을 제공하는 Spring WebFlux, 과연 어떤 특징을 가지고 있을까요?Spring WebFlux란?Spring WebFlux는 Spring Framework 5에서 새롭게 추가된 리액티브 웹 프레임워크입니다. 기존의 서블릿 기반 Spring MVC와는 달리, 비동기-논블로킹 방식으로 동작하며 Reactive Streams API를 기반으로 합니다.주요 특징1. 비동기-논블로킹 처리적은 수의 스레드로 많은 요청을 처리이벤트 루프 기반의 처리 방식백프레셔(Backpressure) 지원2. 함수형 프로그래밍 스타일선언적 프로그래밍 방식.. 2025. 1. 16.
[프로그래머스] 괄호 회전하기 - 자바(Java) https://school.programmers.co.kr/learn/courses/30/lessons/76502?language=java 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 설명다음 규칙을 지키는 문자열을 올바른 괄호 문자열이라고 정의합니다.(), [], {} 는 모두 올바른 괄호 문자열입니다.만약 A가 올바른 괄호 문자열이라면, (A), [A], {A} 도 올바른 괄호 문자열입니다. 예를 들어, [] 가 올바른 괄호 문자열이므로, ([]) 도 올바른 괄호 문자열입니다.만약 A, B가 올바른 괄호 문자열이라면, AB 도 올바른 괄호 문자열입니다. 예를 들어, {} 와 ([]) 가 올바.. 2024. 11. 9.
10진수를 2진수로 변환하기 문제 설명10진수를 입력받아 2진수로 변환해 반환하는 solution( ) 함수를 구현하세요.제한사항decimal은 1이상 10억 미만의 자연수입출력 예decimal반환값10101027110111234511000000111001 코드import java.util.Stack;public class Solution { public static void main(String[] args) { System.out.println(solution(10)); System.out.println(solution(27)); System.out.println(solution(12345)); } public static String solution(int decimal).. 2024. 11. 8.
[프로그래머스] 올바른 괄호 - 자바(Java) https://school.programmers.co.kr/learn/courses/30/lessons/12909?language=java 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 설명괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어"()()" 또는 "(())()" 는 올바른 괄호입니다.")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다.'(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 sol.. 2024. 11. 7.
[무료 PPT 템플릿] 프로젝트 성공을 위한 필수 도구, Action Plan PPT 템플릿 추천 프로젝트와 업무 관리에서 계획 수립은 필수적입니다. 하지만 모든 팀원이 계획의 중요성을 이해하고, 각자의 역할과 목표를 명확히 파악할 수 있도록 하기란 쉽지 않습니다. 이때 Action Plan PowerPoint Templates 가 강력한 도구가 됩니다. PPT 템플릿을 활용하면 계획의 핵심 내용을 시각적으로 명확히 전달할 수 있어 이해도를 높이고, 팀의 참여를 촉진하며, 협업을 강화할 수 있습니다. 또한, 실행 계획 템플릿은 복잡한 프로젝트를 간단하고 체계적으로 정리하는 데 큰 도움을 줍니다. 명확하게 구조화된 슬라이드 구성을 통해 목표 설정, 역할 분담, 일정 계획 등을 한눈에 파악할 수 있어 실무에 바로 적용할 수 있습니다. 아래에서는 계획 수립과 발표에 효과적인 4가지 PPT 템플릿을 소개하고.. 2024. 11. 7.
Make(메이크) 자동화 사용법: 가입부터 시작하기 업무 자동화에 관심이 있는 분들에게 메이크(Make)는 필수적인 도구입니다. Make(구 인티그로맷, Integromat)는 다양한 앱과 서비스 간의 자동화를 쉽게 구축할 수 있도록 도와주는 플랫폼입니다. 이 플랫폼은 복잡한 작업을 간소화하고 다양한 앱을 연결해 효율성을 높일 수 있는 강력한 기능을 제공합니다. 노코드 인터페이스를 통해 누구나 쉽게 자동화를 구현할 수 있어, 반복적인 업무에서 벗어나 더 창의적인 작업에 집중할 수 있게 해줍니다. 아래에서 가입부터 기본 사용법까지 차근차근 소개합니다. 1. Make 특징 노코드 인터페이스: 사용자는 코딩 없이 시각적으로 자동화 시나리오를 구성할 수 있습니다.다양한 앱 통합: Google Sheets, Slack 등 여러 서비스와 쉽게 연결할 수 있습니다.유.. 2024. 10. 25.
스택(Stack) 데이터 구조의 모든 것: 개념부터 구현까지 1. 스택이란 무엇인가?스택(Stack) 어원은 '쌓는다' 입니다. 먼저 입력한 데이터를 제일 나중에 꺼낼 수 있는 자료구조 입니다. 스택은 선입후출(LIFO, Last In First Out) 원리를 따르는 데이터 구조입니다. 이때 스택에 삽입하는 연산을 푸시(Push), 꺼내는 연산을(Pop) 이라고 합니다. 일상 속 예시로 접시 쌓기나 웹 브라우저의 뒤로 가기 기능 등을 설명합니다.(예: 접시를 쌓고 맨 위에서 하나씩 꺼내는 방식) 2. 스택 동작 원리 이해하기LIFO(Last In, First Out) 구조: 마지막에 넣은 데이터가 가장 먼저 나옵니다.1) 초기에 빈스택이 있습니다.2) 1을 push 합니다.3) 2를 푸시합니다. 1위로 2가 올라갑니다.4) pop을 하면 가장 위에 있는 2가 빠.. 2024. 10. 23.
📢 디자이너 감성 한 스푼! 차별화된 목업 사이트 Top 6 목업이란 단순한 시각적 도구를 넘어 프로젝트의 첫인상을 좌우하는 중요한 요소입니다. 하지만 어디서나 본 듯한 디자인으로는 차별화하기 어렵죠. ‘아, 이거 어디서 많이 봤는데...?’라는 느낌 없이 독창적인 작업을 완성하고 싶다면, 적절한 목업 선택이 필수입니다.이번에 소개할 6개의 목업 사이트는 각각 사용 편의성, 트렌디한 감성, 방대한 양, 그리고 미니멀한 매력까지 다양한 매력을 담고 있어요.프로젝트에 딱 맞는 도구를 찾아 작업의 완성도를 높여보세요! 1️⃣ maneken – 초보자도 쉽게 사용 가능한 직관적인 편집누구나 할 수 있는 드래그 앤 드롭 인터페이스이미지와 텍스트의 간단한 편집도 즉시 가능디자이너가 필요 없는 간편함: UX/UI 디자인 경험이 없어도 쉽게 활용 가능협업 모드도 지원해서 팀 프.. 2024. 10. 20.
웹 개발과 디자인을 완성하는 유용한 사이트 10종 웹 디자인과 개발 작업에서는 효율적인 도구와 영감을 주는 리소스를 활용하는 것이 중요합니다. 이 글에서는 랜딩 페이지 디자인, 다크모드 디자인, 해상도 분석 등 다양한 작업을 돕는 사이트 10가지를 소개합니다. 각 사이트는 작업에 맞는 유용한 기능과 창의적인 아이디어를 제공합니다. 1. 사스포(SAASPO) – SaaS Website 템플릿 모음특징: 다양한 SaaS(Software as a Service) 웹사이트 예제를 볼 수 있는 플랫폼입니다활용: SaaS 제품의 웹사이트 디자인을 참고하거나 영감을 얻고 싶을 때 유용합니다URL: https://saaspo.com/ The best SaaS Web Design Inspiration | SaaspoA curated collection of the be.. 2024. 10. 17.
[프로그래머스] 방문길이 - 자바(Java) https://school.programmers.co.kr/learn/courses/30/lessons/49994?language=java 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 설명게임 캐릭터를 4가지 명령어를 통해 움직이려 합니다. 명령어는 다음과 같습니다.U: 위쪽으로 한 칸 가기D: 아래쪽으로 한 칸 가기R: 오른쪽으로 한 칸 가기L: 왼쪽으로 한 칸 가기캐릭터는 좌표평면의 (0, 0) 위치에서 시작합니다. 좌표평면의 경계는 왼쪽 위(-5, 5), 왼쪽 아래(-5, -5), 오른쪽 위(5, 5), 오른쪽 아래(5, -5)로 이루어져 있습니다. 예를 들어, "ULURRDLLU"로 명령.. 2024. 10. 16.
728x90
반응형

티스토리툴바