전체 글47
[React] React란
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ React란? 리액트(React, React.js, ReactJS)는 페이스북에서 제공해주는 자바스크립트 라이브러리의 하나로서 특히 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용된다. 💡 라이브러리와 프레임워크의 차이점 👉🏻 공통점: 프로그램을 쉽게 만들 수 있게 하는 공통적인 목적존재 👉🏻 차이점: 코드 흐름의 제어권 라이브러리 프레임워크 흐름 내가 만든 코드를 내가 컨트롤 할 수 있음 누군가가 만들어 놓은 규칙에 따라 만들어야함 코드 활용 가능한 특정 기능에 대한 코드 일정한 형태의 틀을 가지고 있어 틀에 맞추어 코드 설계 및 구현 언어..
[Bootstrap] 부트스트랩이란?
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 오늘은 부트스트랩이라는 프론트엔트 프레임워크에 대해 소개해보려고해요 ! 한 번 익히고 나면 정말 유용하게 사용할 수 있으니 이 글을 통해 부트스트랩의 매력에 빠져보셨으면 좋겠습니다. 부트스트랩(Bootstrap)이란? 부트스트랩은 웹사이트를 쉽게 만들수 있도록 도와주는 HTML, CSS, JS 프레임워크 인데요. 반응형 페이지도 부트스트랩을 사용한다면 손쉽게 작동시킬 수 있습니다. 다만, 부트스트랩을 제대로 사용하기 위해선 HTML과 CSS의 개념을 알고 있을 때 빛을 발휘하는데요. 충분한 개념 숙지와 부트스트랩 사용 능력이 결합된다면 일부를 보완하여 나만의 CSS 라이브러리도 충분히 구축..
[CS] 모바일 앱의 4가지 구분
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) * * * * * 어플리케이션을 사용하다보면 어떤게 네이티브인지 어떤게 하이브리드인지, 어디까지가 모바일 웹인지 어디까지가 웹앱인지 잘 모르는 경우가 많아요 이번 기회에 확실하게 짚고 넘어가보고자 합니다 ! 모바일 앱의 종류 모바일 앱은 개발 방법이나 실행 방법에 따라 네 가지의 애플리케이션으로 구분할 수 있다. - 네이티브 앱 (Native App) - 하이브리드 앱 (Hybrid App) - 웹 앱 (Web App) - 모바일 웹 (Mobile Web) 네이티브 앱 (Native App) 안드로이드 SDK를 이용해 Java 또는 Kotlin으로 개발하거나, iOS SDK를 이용해 Swift 또는 Obje..
[UIUX] 실무에서 자주 사용되는 UI 용어(5)
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 안녕하세요. 많은 분들이 용어 정리를 봐주시는 것 같아 뿌듯한 마음에 5탄을 가지고 왔습니다 ! 이번에도 많은 관심 부탁드릴게요 =] 스켈레톤(Skeleton) 명칭을 들으면 생소할 수 있지만 이미지와 함께 보시게 된다면 '아 이 화면이었구나?' 할 수 있는 요소 인데요. 실제 데이터가 렌더링 되기 전 윤곽을 먼저 그려주는 로딩 애니메이션입니다. 이 화면을 통해 사용자는 대충 서비스의 화면구성을 알 수 있어요. 또한 일반 로딩 화면 보다 부드럽게 전환되기 때문에 사용자가 느끼는 로딩시간이 짧아 보인다는 장점이 있습니다. 카드형 UI(Card) 카드 기반의 디자인은 주로 시각에 많이 의존하게..
[CS] MVC Pattern
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) MVC (Model - View - Controller) MVC는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴으로, 애플리케이션을 세 가지 역할로 구분한 개발 방법론이다. 사용자가 Controller를 조작하면 → Controller는 Model을 통해서 Data를 가져오고 → 그 정보를 바탕으로 View를 통해 시각적 표현을 제어하여 사용자에게 전달하게 된다. MVC 패턴을 사용하는 이유 비즈니스 로직과 UI 로직을 분리하여 유지보수를 독립적으로 수행가능 Model과 View가 다른 컴포넌트들에 종속되지 않아 애플리케이션의 확장성, 유연성에 유리함 중복 코딩의..