끄적 일기

GNB(Global Navigation Bar)  웹사이트 전체에 공통적으로 적용되는 내비게이션바. 보통 웹사이트 최상단에 위치하고 있어 메인 메뉴라고도 불림.  LNB(Local Navigation Bar)  GNB를 클릭하거나 호버했을 때 노출되는 하위 메뉴. 서브 메뉴라고도 불림. SNB(Side Navigation Bar)  보통 메인 메뉴와 서브 메뉴를 제외한 기타 메뉴를 SNB라고 함. 보통 왼쪽이나 오른쪽에 위치하며 사이드 메뉴라고도 불림. Hero Image  웹페이지 상단에 위치한 큰 배너 Pop-up, Modal  팝업은 현재 페이지 위에 새로운 브라우저 창을 띄우는 것으로 주 용도는 광고, 알림, 새로운 정보 갱신 등이 있음. 모달은 현재 페이지에서 상위 레이어를 띄우는 것으로 이 ..

InformationArchitecture(정보구조도)정의 : 웹 또는 어플리케이션이 어떻게 구성되고 어떤 기능의 화면으로 보여주는 지 전체적으로 보여줌. 따라서 전체 구조를 파악하기 용이함.종류 : 엑셀 형식, 트리 구조(마인드맵)주요 구성- Depth : 화면의 깊이. 메인을 기준으로 서비스 흐름에 따라 1depth, 2depth, 3depth.. 순으로 정의.- Type(형태) : 페이지, 팝업, 탭, 링크 등의 화면(스크린) 형태- 화면 ID예시  메뉴구조도정의 : 사이트에 구성되어 있는 페이지를 트리형태로 표현한것으로 전체적인 메뉴 정보를 한눈에 알아볼수 있도록 그룹화한 문서. 사이트맵을 떠올리면 됨.주요 구성 - Depth : 보통 최대 3depth까지 작성- 라벨 : 삭제, 추가, 변경 ..

margin : 프레임과 전체 컬럼 간의 좌우 여백 gutter : 컬럼과 컬럼 사이의 여백 그리드 참고 사이트(Grid Calculator) : http://gridcalculator.dk/ 출처 : 유튜브 [피그마강좌] #02. Frame/Guide/Gride (https://www.youtube.com/watch?v=nSEGVclLins&list=PLdwQP35_Nz9eMN9K82jNFBJ4xqJUMoXm8&index=3)

Windows Mac 기능검색 [Ctrl] + [/] [Command] + [/] 오브젝트 복제 [Ctrl] + [D] [Command] + [D] 투명도 조절 숫자키 0~9 숫자키 0~9 그룹 [Ctrl] + [G] [Command] + [G] 그룹해제 [Ctrl] + [Shift] + [G] [Command] +.[Shift] + [G] 눈금자 [Shift] + [R] [Command] + [R] 확대 [Ctrl] + [+] / [Ctrl] + [휠↑] [Command] + [+] 축소 [Ctrl] + [-] / [Ctrl] + [휠↓] [Command] + [-] 컴포넌트만들기 [Ctrl] + [Alt] + [K] [Command] + [Option] + [K] 출처 : 유튜브 [피그마강좌] #01..

1. Null Safe 2. Scope Function (apply, with, let, also, run) - Apply 함수 (주로 객체를 초기화할 때) val person = Person().apply{ firstName = "Fast" lastName = "Campus" } Person person = new Person(); person.fistName = "Fast"; person.lastName = "Campus"; - Alos 함수 (객체의 유효성을 확인하거나 프린트 함수로 디버깅할 때) Random.nextInt(100).also{ print("getRandomInt() generated value $it") } Random.nextInt(100).also{ value -> print("..

1. 함수 * 함수 형태 fun 함수이름 (인풋변수이름: 인풋변수타입, 인풋변수이름2: 인풋변수타입2): 리턴타입{ return 리턴값 } * 리턴타입이 void 일 경우 생략 가능 * 구문식 / 표현식 (동작 같음) fun sum(a:Int, b:Int): Int{ return a+b; } fun sum(a:Int, b:Int)=a+b 2. For 반복문 for (i in 1..5){ println(i) } //1 2 3 4 5 for (i in 6 downTo 0 step 2){ println(i) } //6 4 2 0 for (i in 1..5 step 3){ println(i) } //1 4 val numberList = listOf(100, 200, 300) for (naumber in numb..

open - 코틀린의 클래스와 메서드는 기본적으로 final 따라서 상속을 허용하려면 해당 클래스 앞에 open 변경자를 붙여야함 - 오버라이드를 허용하고 싶은 메서드나 프로퍼티 앞에도 open 변경자를 붙여야함 - open class : 다른 클래스에서 상속 할 수 있음 open method : 해당 메서드를 하위 클래스에서 override 할 수 있음 internal - 자바는 public, protected, private 변경자가 있음 - 코틀린은 아무 변경자가 없는 경우 모두 public - 자바의 기본 가시성인 패키지 전용은 코틀린에 없음 ( 코틀린은 패키지를 네임스페이스 관리를 위한 용도로 사용 ) - 코틀린의 internal 은 같은 모듈 내에서만 볼 수 있음 - public : 모든 곳에..

- shr (shift Right) * Right shift 연산 (>>) * bit값을 오른쪽으로 이동 * 부호를 유지하면서 지정한 수만큼 비트를 오른쪽으로 이동 이동으로 인한 빈자리는 부호값으로 채움 (음수:1, 양수:0) - shl (shift LEFT) * Left shift 연산 (> * bit 값을 오른쪽으로 이동 * 지정한 수만큼 비트를 오른쪽으로 이동시키며 새로운 비트는 0 println(1 shl 2) println(3 shr 2) println(4 ushr 5) 참고 : https://codedragon.tistory.com/7998

- val 은 값 자체를 바꿀 수 없지만 특정 클래스의 객체가 들어가면 해당 값의 속성은 바꿀 수 있음 : 속성도 변하지 않게 하고싶으면 const - val 는 런타임 시 할당되며 const val 는컴파일 시 할당 - val 는 기본 타입과 참조 타입을 넣을 수 있으며 val const는 원시 타입(기본 타입)과 String만 넣을 수 있는 완전 상수 - const 는 클래스의 속성이나 지역변수로는 사용할 수 없음 tip : 변수는 메모리를 다양하게 사용하여 메모리 차지가 많아지므로 상수를 사용하면 성능이 좋아짐 참고 : https://velog.io/@jaeyunn_15/javakotlin-%EC%BD%94%ED%8B%80%EB%A6%B0-const https://jhdroid.tistory.com..

- 코틀린에서는 자바보다 null 처리를 더 명확하게 하기 때문에 NPE(NullPointerException) 발생빈도를 낮출 수 있음 - ? 와 !!는 null의 사용과 관련되어 있는 문자 - ? : null이 들어올 수 있는 경우 var nameErr: String = null //오류 var naem: String? = null //정상 - !! : null 이 절대 들어오면 안되는 경우 (강제로 null이 아님을 선언 하므로 null을 넣으면 NPE발생) 참고 : https://taetoungs-branch.tistory.com/73