J.BF Story

CSS에서 재사용성이 많은 속성 값을 사용자가 변수로 등록하여 사용할 수 있다. 전반적으로 사용되는 메인 색상, 레이아웃, 기본 글씨 크기 등에 활용하여 일괄적으로 값 변경에 용이하고 변수명을 통해 값의 의미를 쉽게 파악할 수 있다. 변수선언 --{variable-name}: {value}; 변수 이름 앞에 '--'을 붙여야함 원하는 css값 설정 :root { --main-purple-color0: #D784FF; --main-layout-width: 1920px; --main-font-regular: 300; } 변수사용 var(--variable-name[, default]); 'var()'함수에 변수명을 넣어 변수값 적용 [option] 두번째 인자에 기본값을 설정할 수 있음 (변수가 선언되지 않..

Flex를 요소를 배치할 시 일부 요소만 우측/좌측 정렬이 필요할 때가 있다. 이 경우 우측/좌측 정렬이 필요한 요소에 'margin-left:auto'/'margin-right:auto'을 사용하면 쉽게 정렬이 가능하다. 우측 정렬: 'margin-left: auto' 좌측 정렬: 'margin-right: auto' 예시는 다음과 같다. LOGO menu1 menu2 menu3 button1 button2

Flutter을 빌드 시 다음과 같은 에러 발생했다. (원래 잘 돌아가던 코드가 갑자기..) Launching lib/main.dart on SM N981N in debug mode... FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:checkDebugAarMetadata'. > Multiple task action failures occurred: > A failure occurred while executing com.android.build.gradle.internal.tasks.CheckAarMetadataWorkAction > The minCompileSdk (32) speci..

프로젝트를 진행하다보니 다른 언어에서 쓰던 값 체크 함수를 Javascript에서도 편하게 쓰고 싶다는 생각이들어 다른 언어 함수의 컨샙을 가져와 Javascript 버전으로 함수를 만들었다. 변수 설정 여부 체크 isset(targetVar) return: bool PHP의 isset 함수 참고 변수 설정 체크 + null과 다른 값인지 체크 /* targetVar=1; TRUE targetVar=""; FALSE targetVar="0"; TRUE targetVar=0; TRUE targetVar=NULL; FALSE targetVar="null"; FALSE targetVar; FALSE targetVar=[];TRUE targetVar=[1];TRUE */ function isset(targetV..

아이폰 모바일 웹에서 a 태그를 터치했을 시 회색의 하이라이트가 생간다. 하이라이트를 없애기 위해서는 다음과 같이 비표준 CSS 속성인 '-webkit-tap-highlight-color'을 투명으로 설정한다. a { -webkit-tap-highlight-color: transparent; }

LocalStorage 브라우저에서 데이터를 저장할 수 있도록 해줌 '개발자도구 > Application > Local Storage' 에서 데이터 확인 가능 'clear all' 버튼을 통해 데이터 지울 수 있음 로컬 컴퓨터의 동일한 브라우저 한에서 로컬 스토리지를 공유함 (새 탭/창을 띄워도 로컬 스토리지 공유) 창을 종류해도 데이터가 사라지지 않음 세션이 끝나도 데이터가 사라지지 않음 (세션 데이터는 세션 스토리지에 저장) 문자형 데이터만 저장하기 때문에 로컬 스토리지 데이터를 사용할 경우 디코딩이 필요함

StatuefulWidget initState()함수를 override하여 사용한다. initState()함수 사용 시 super.initState() 를 반드시 호출해야 한다. class TestStatefulWidget extends StatefulWidget { const TestStatefulWidget({Key? key}) : super(key: key); @override _TestStatefulWidgetState createState() => _TestStatefulWidgetState(); } class _TestStatefulWidgetState extends State { @override void initState() { testFunc(); super.initState(); } @..

다음과같이 {}로 감싸서 Optional Parameter의 기본값을 설정해준다. void test_func(param1, {param2:"default_value"}) { print('param1: ${param1}, param2: ${param2}'); } test_func("test1"); // param1: test1, param2: default_value test_func(param1="test1", param2:"test2"); // param1: test1, param2: test2

Factory Pattern (팩토리 패턴) Constructor Function (생성자 함수) Class (클래스) Javascript에서 Object를 만들 때 이용하는 방법들이다 Javascript에서 Class는 ES6 이후에 생긴 개념이므로 그 전에는 Factory Pattern과 Constructor Function을 사용했었다. 대부분 동일한 기능을 가지고있으나 각기 다른 특징을 가지고 있다. Factory Pattern (팩토리 패턴) function User(id, pw, position) { return { id: id, pw: pw, position: position, isAdmin() { return (this.position == "admin" || this.position ==..

네이버 맵 공식 사이트 네이버 맵 클라우드 공식 서비스 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 네이버 맵 공식 문서 (android) 시작하기 · 네이버 지도 안드로이드 SDK No results matching "" navermaps.github.io 제공 서비스 네이버 맵 Flutter 플러그인 naver_map_plugin (LBSTECH (origin)) flutter_naver_map (LBSTECH clone & update) 네이버 맵 클라우드 등록 1. '네..