본문 바로가기

BLOG

(47)
[공유] IOS와 AOS는 공유 아이콘이 다를까? https://brunch.co.kr/@berryverylucky/27#comment 왜 iOS와 AOS에서 다른 공유 아이콘을 쓰는가? A share icon for iOS and AOS | 새로 시작하는 매거진의 첫 번째 아티클로써 이 매거진의 콘셉트를 간단하게 소개하고자 한다. 숏터디(Shortudy)는 Short+Study의 합성어로 작은 주제를 딥하게 공부해보자는 취지이다. 현재 IT기업의 Product designer로 일하면서 여러 질문이 생긴적이 많았다. 그때마다 바로바로 찾아볼 수 없을 때도 있었고, 혹은 혼자 공부하고 잊어버리는 brunch.co.kr 앱을 공부할 수록 웹과 너무 다른 세계에 있는 것 같다. 웹도 W3C의 표준가이드를 따라 만들지만 안지켜지는 곳이 사실 대부분이다. (심..
[공유] 회원가입을 쉽게 만드는 UI/UX 디자인은? https://brunch.co.kr/@dalgudot/101 [실무편] 회원가입을 쉽게 만드는 UI/UX 디자인은? 디자인 독학하기 05 | 공부하면서 얻은 지식과 깨달음, 그 과정에서 겪은 시행착오를 공유합니다. [Contents] 01 [실무 적용기] 회원가입을 쉽게 만드는 UI/UX 디자인 02 엄지 영역 디자인하기 03 좋은 UX 디자이너 04 참고자료 디자이너가 될 수 있을까? 불안했다. 하지만 어느 순간부터 불안과 두려움이 많이 줄어들었다. 회원가입을 쉽게 만드는 UI/UX 디자인을 brunch.co.kr 브런치 보면서 굉장히 흥미롭고 멤버&회원가입의 ux구성 정리를 잘해놓은 글이 있었다. 웹은 한 화면에 많은 정보를 담으려고 하는 반면, 앱은 한 화면에 최대한 심플하게 사용자에게 전달하려고..
Swift - 변수 타입 지난 글에서는 var과 let의 차이를 설명했다면 이번 글에서는 변수의 타입을 설명하려고 한다. 스위프트는 타입스크립트와 살짝 유사한 부분이 있다. var a = "스위프트" 기본 자바스크립트처럼 이렇게 선언할 수 있다. 정수, 문자열 구분 없이 사용할 수 있다. var a : String = "스위프트" 또한 타입스크립트같이 변수 타입을 지정해 선언할 수가 있다. 여기서 var은 변수 선언, a는 변수명 : String는 변수타입 = 변수값 으로 이루어진다. 흔히 자바나 타 언어처럼 변수타입은 동일하다. type 설명 Int 정수, 숫자 리터럴 / Int32, Int63로도 선언 가능 Float. Double 실수, 숫자 리터럴 / Float는 32bit, Double는 62bit Character 하..
Swift - 변수 var, let 차이 스위프트는 자바스크립트와 변수 선언이 비슷하다. 하지만 비슷하면서도 다르다. 스위프트의 var과 let 어떻게 사용되는지 확인해보자. var 변수 var nameVar = "스위프트" nameVar = "swift" 스위프트의 var 변수는 자바스크립트의 var 변수와 똑같다. 다른 점은 스위프트에서는 세미콜론(;)을 붙이지 않는다. (es5기준, es6도 세미콜론 안붙여도 코드 돌아갑니다.) let변수 그럿다면 스위프트의 let도 자바스크립트의 let과 똑같을까? 답은 아니다. 스위프트의 let은 상수다. 자바스크립트의 const와 같은 기능을 한다. 그래서 자바스크립트같은 타 언어를 사용했던 분들은 스위프트의 let과 타언어의 let과 혼동하지 마시길... let nameLet = "스위프트" nam..
Swift 시작하기 - xcode 설치 웹 하면서 늘 앱도 해보고 싶다는 생각을 많이햇다. 그래서 ios쪽으로 방향을 잡기로 했다. ios를 개발하려면 Object-C와 Swift로 할 수가 있다. 프론트 웹이라면 jQuery & Vue & React 이 차이인 것 같다. reactNative로도 안드로이드&ios 개발이 가능하다. 하지만 웹 생태계만 익숙하다보니 앱 생태계를 웹으로 자꾸 비교하게 되기도 해서 직접 파헤쳐 보는 것이 좋을 것 같아 시작하게 되었다. ios개발을 하려면 맥북이 필요하다. 윈도우로는 개발을 할 수가 없다. 개발 시작하면서 제일먼저 해야할 것은 환경셋팅이다. 자바같은 경우는 이클립스와 jdk를 설치하고 환경변수도 수정해줘야한다. 하지만ios는 앱스토어에서 xcode만 다운 받으면 된다. https://apps.app..
이클립스, CSS/JS 연결 안될 때 시간 짬이 날 때마다 https://mahyuna.tistory.com/28?category=835391 spring 블로그 만들기 회사에서 급한 문서작업을 하고있어서 최근 코드를 잡는 일이 줄었다 ㅠㅠ 그나마 오늘 좀 여유가 나서 이전에 했던 게시판 만들기를 계속 하고있다. https://freehoon.tistory.com/97 Spring 블로그 만들기 - 1... mahyuna.tistory.com 블로그 만들고 있다. 게시판 만들 때 페이징 처리를 참고하는 블로그의 방법이 아닌, 나는 js플러그인을 활용하려고 한다. 하지만 js연결하려니 경로가 잘못된 것도 아닌데 불러오지를 못한다. 위의 이미지는 내가 사용한 경로와 폴더 구조다. 열심히 찾아 보던 중 web.xml에 확장자 파일을 추가해야한다는..
자바스크립트 프레임워크, 플러그인 소개 및 사이트 모음 개발하다보면 빠른 개발을 위해 플러그인 사용할 때가 많다. 그럴 때마다 괜찮은 플러그인을 하나하나 검색하고 테스트해보는 것이 쉽지가 않을 뿐더러 소중한 시간을 투자해야하기 때문에 불편함이 있다. 이 사이트는 js 플러그인 점유율과 많은 사용자가 어떤 플러그인을 사용하는지 모아놓은 사이트이다. https://www.javascripting.com/ JavaScripting.com - The Database of JavaScript Libraries Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to..
mobile nativescript site 모바일 네이티브 스크립트 모음 사이트 뷰, 앵귤러 순수 js 한눈에 볼 수 있는 사이트이다. 앱개발할 때 유용할듯하다. 또한 ui/ux 측면에서도 많은 도움이 될 것 같다. https://market.nativescript.org/?tab=samples&framework=all_frameworks&category=all_samples&_ga=2.133246413.2121815515.1549521396-834630839.1549521396 NativeScript Marketplace Discover high quality plugins, templates and tools for your NativeScript app market.nativescript.org