본문 바로가기
반응형

11

[펌][Javascript] function의 이해 및 모듈화 출처 : http://www.nextree.co.kr/p4150/자바스크립트는 한동안 개발자들의 많은 오해와 편견으로 toy language 취급을 받아 왔습니다. 누구든지 쉽게 배워 간단히 적용할 수 있다는 생각에 깊이 있는 학습이 이뤄지지 않았습니다. 하지만, 현대의 웹 애플리케이션이 시대적 요구와 사용자의 기대로 인해 점점 더 복잡한 대규모 시스템으로 발전해 나가면서 자바스크립트에 대한 관심이 크게 늘고 있습니다. 이에 자바스크립트에 대한 올바른 이해를 위해 자바스크립트에서 가장 중요한 주제인 함수에 대해 간략히 설명하겠습니다.대부분 자바스크립트에서 함수를 설명할 때 "자바스크립트에서 함수는 first-class object(또는 citizen, value)다"라는 정의는 항상 빠지지 않고 등장하는.. 2020. 10. 4.
[펌][Javascript] function(){}() - IIFE란? 출처 : https://findawayer.tistory.com/entry/IIE%EC%9D%98-%EC%9D%98%EB%AF%B8%EB%8A%94자바스크립트에서 이런 구문을 보신 적이 있으신가요?(function() { // 코드 })();제가 처음 이런 구문을 봤을 적엔 의아스러웠습니다. 괄호가 여기저기 겹쳐 붙어 있는 걸로 보일 뿐, 대체 무슨 구문인가 하고요. jQuery에서 사용하는 $(function() { });의 또다른 버전인가 하는 생각조차 들었습니다. (그렇지 않습니다) 이것은 퓨어 자바스크립트에서 거의 언제나 사용하는, IIFE(Immediately-invoked function expression: 즉시 작동하는 함수식)라는 구문입니다. "이 안에 들어있는 코드를 바로 실행해라" 라.. 2020. 10. 4.
[Android] 해상도에 대한 이해 (feat. dpi) - [펌] 출처 : https://tadomstudio.tistory.com/4 dpi별로 아이콘을 집어넣길래 저게 뭔가해서 찾아보다가정말 괜찮은 정리글을 발견하여 기록해둔다. 안드로이드 해상도를 이해하기 위해서는 크기의 단위(Dipmension)인 DP의 개념을 먼저 잡고 출발해야 합니다. 그래서 DP에 대한 설명을 먼저 드리고 이어서 DPI, px에 대해서도 알아보겠습니다. DIP (Device Independent Pixels) or DP 안드로이드에서 사용하는 독립적 단위 수치입니다. 어떠한 해상도에서도 같은 크기를 보여주는 것이 목적이라고 볼 수 있습니다. DPI(Dots Per Inch) 1인치(2.54 센티미터)에 들어있는 픽셀의 수입니다. 안드로이드에서는 160을 기본으로 합니다. px(pixel) .. 2019. 11. 2.
[StarUML] 클래스 다이어그램이란?(3) - 작성 단계 및 유의사항(feat. 사례) 출처 : https://blog.naver.com/he1000/220725205602 1. 작성 단계 및 유의 사항 1-1. 작성 단계 클래스 다이어그램을 작성하는 순서는 딱 정해진 바는 없습니다.그러나 프로젝트 현장에서는 다음의 순서대로 작성하는 것이 일반적입니다.물론 순서를 꼭 지켜야만 하는 것은 아닙니다 1. 객체를 식별하고 클래스를 정의합니다 - 사용자 문서나 유즈케이스 정의서, 문제 기술서등을 참고하여 객체를 식별합니다 - 식별된 객체를 바탕으로 클래스를 정의합니다 - 이 단계에서는 클래스 명 정도만 표현합니다 2. 속성과 오퍼레이션을 정의합니다 - 클래스의 속성과 오퍼레이션을 정의합니다 - 한번에 상세한 정의를 마치지 못하므로 여러 번 정제과정을 거쳐야 합니다 3. 클래스간 관계를 정의합니다 .. 2019. 9. 18.
[StarUML] 클래스 다이어그램이란?(2) - 관계 유형 출처 : https://blog.naver.com/he1000/220722818923 1. Association 관계 1. 정의와 특징 - Association은 두 클래스간 일반적인 협력 관계가 있을 경우 정의됩니다. - Association은 두 클래스의 객체들 사이에 존재하는 공통의 성질 및 의미를 갖는 링크들의 집합에 대한 표현입니다 - 두 클래스가 서로 Association관계가 있다면 한쪽 객체에서 다른 객체를 참조할 수 있음을 의미합니다 - Association은 향후 다른 클래스에 대한 포인터나 레퍼런스로 구현됩니다 2. 표기법 2-1 화살표 없는 실선(양방향 관계) - 제품과 공급자는 Association관계 - 보통 분석단계에서 정의하는 형태 - 아직 참조방향이 결정되지 않은 의미적인 .. 2019. 9. 18.
[StarUML] 클래스 다이어그램이란?(1) - 정의 및 표기방법 출처 : https://blog.naver.com/he1000/220718741438 클래스 다이어그램을 처음 작성하면서 찾다가 좋은 글을 발견하여 기록해둔다. 1. 정의 클래스 다이어그램은 "시스템에서 사용되는 객체 타입(클래스)을 정의하고 그들 간에 존재하는 정적인 관계를 다양한 방식으로 표현한 다이어그램"입니다. 클래스 다이어그램은 객체지향 SW 시스템을 분석하고 설계하는 데 사용되는 핵심적인 모델입니다. 객체지향 SW 시스템은 클래스와 그 관계로 뼈대가 구성되기 때문에 이를 정의한 클래스 다이어그램은 곧 시스템의 구현될 모습을 정의한 것입니다. 클래스 다이어그램은 분석되거나 설계되는 모든 클래스를 한 장의 다이어그램으로 정의한 것 입니다. 클래스 다이어그램은 클래스의 정적인 정의와 관계를 표현합니.. 2019. 9. 16.
HTTP 상태 코드 종류 및 의미 상태코드에 대해 찾아보는 도중에 아주 훌륭한 사이트를 발견하여 기록해둔다. 두고두고 공부하자 ( 출처 : https://developer.mozilla.org/ko/docs/Web/HTTP/Status ) 정보 응답섹션100 Continue이 임시적인 응답은 지금까지의 상태가 괜찮으며 클라이언트가 계속해서 요청을 하거나 이미 요청을 완료한 경우에는 무시해도 되는 것을 알려줍니다.101 Switching Protocol이 코드는 클라이언트가 보낸 Upgrade 요청 헤더에 대한 응답에 들어가며 서버에서 프로토콜을 변경할 것임을 알려줍니다.102 Processing (WebDAV)이 코드는 서버가 요청을 수신하였으며 이를 처리하고 있지만, 아직 제대로 된 응답을 알려줄 수 없음을 알려줍니다. 성공 응답섹션2.. 2019. 8. 27.
[StarUML] 유스케이스 다이어그램 표기법/작성법 유스케이스 다이어그램을 처음 그려보는데 알기쉽게 정리해둔 블로그가 있어 기록해둔다. ( 출처 : https://googry.tistory.com/2 ) 유스케이스 다이어그램 시스템과 사용자의 상호작용을 다이어그램으로 표현한 것으로 사용자의 관점에서 시스템의 서비스 혹은 기능 및 그와 관련한 외부 요소를 보여주는 것이다.사용자가 시스템 내부에 있는 기능 중에 어떤 기능을 사용 할 수 있는지 나타내며 유스케이스 다이어그램을 사용함으로써 고객과 개발자가 요구사항에 대한 의견을 조율 할 수 있다. 한마디로 사용자랑 시스템사이에 관계를 나타내는 것으로 볼 수 있다. 유스케이스 다이어그램은 프로젝트에 대한 요구사항을 정의하고 세부기능을 분석하며 개발 범위를 정할 때 작성한다. 구성요소(Component) 유스케이스.. 2019. 8. 24.
[Android] 안드로이드_로그&로그캣(Log&Logcat) 이거 역시 찾아보다 발견한 블로그인데 너무 잘 정리가 되어있어서 출처를 남기고 담아두기로 마음먹었다. (요즘 너무 잘되어있으면 직접 정리하기보단 담아두고싶기에...) 출처 : https://m.blog.naver.com/PostView.nhn?blogId=eominsuk55&logNo=220229760263&proxyReferer=https%3A%2F%2Fwww.google.com%2F ​이번 편에서는 로그(Log)에 대해 배워봅시다. 아시다시피 로그에는 '기록'이라는 뜻이 있지요. 앱 실행 중 특정 시점을 기록으로 남기는 겁니다. 안드로이드 스튜디오 하단의 Android 탭을 누르면 알 수 없는 영어들이 엄청난 속도로 올라오는 것을 볼 수 있는데요, 이것이 바로 '로그'입니다. ​ ​ 실행된 모든 시스.. 2019. 8. 10.
반응형
TOP