일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Linux apt
- 서버의 서비스 방식
- HTTP Web Server
- javascript scope
- Linux cd
- Linux 파일 관리 명령어
- EC2 oh my zsh
- linux background
- EC2 HTTP 호스팅
- Linux oh my zsh
- 자바스크립트 이벤트 루프
- Linux cat
- javascript 정렬
- EC2 zsh
- Linux rmdir
- Linux apt-get
- Linux 디렉터리 명령어
- JavaScript EventLoop
- linux foreground
- Navigation Pattern
- Linux ls
- JavaScript 실행 디버깅
- 자바스크립트 런타임
- Logback
- Linux 디렉터리 구조
- Linux 디렉터리 역할
- AWS EC2 서버 만들기
- Linux mkdir
- EC2 Apache2
- Linux pwd
- Today
- Total
목록전체 글 (122)
HyunJun 기술 블로그
1. Navigation Rail Navigation Rail은 Flutter에서 사용자 인터페이스(UI)를 구성하는 하나의 내비게이션 패턴이다. 주로 앱의 사이드 바(Side Bar)나 드로어(Drawer)에 위치하며, 수직 방향으로 여러 개의 목적지(destination)를 나열하여 사용자가 쉽게 화면을 전환하고 다양한 기능에 접근할 수 있도록 도와준다. 각 목적지는 아이콘과 레이블로 표시되며, 사용자가 터치하면 해당 목적지로 이동하거나 해당 기능을 수행할 수 있다. Navigation Rail은 주로 머티리얼 디자인 스타일의 앱에서 사용되며, iOS 스타일의 앱에서는 CupertinoNavigationRail이 사용될 수 있다. Navigation Rail을 오른쪽에 두고 싶은 경우 단순히 Row ..
Tab Navigation 이전 글 (2023.07.11 - [Dart/Flutter] - Navigation Pattern, Navigator, Named Routes, Parameters)에서 플러터에는 어떠한 Navigation Pattern이 있는지와 플러터의 가장 기본적인 내비게이션 패턴인 스택 기반 내비게이션(Stack-based Navigation)을 이용한 Navigator 사용법 등과 Named Routes 등을 알아보았다. 그렇다면 이번 시간에는 Tab Navigation에 대해서 알아보려고 한다. Tab Navigation이란 여러 개의 탭을 사용하여 다양한 기능이나 섹션을 표현하고, 사용자가 각 탭을 선택(클릭) 하여 해당 컨텐츠를 보거나 해당 기능으로 이동할 수 있는 내비게이션 패..
1. Callback 1초 뒤 실행 후, 2초 뒤 실행 후, 3초 뒤 실행 후, 4초 뒤 실행 후, 5초 뒤 실행이라는 코드를 구현하고 싶을 때 만약 아래와 같이 코드를 작성한다면, 비동기 함수의 특징으로 인해, setTimeout이 거의 동시간에 모두 실행되고 1초 간격으로 a~e가 뜰 것이다. setTimeout(() => { console.log("a"); }, 1000); setTimeout(() => { console.log("b"); }, 2000); setTimeout(() => { console.log("c"); }, 3000); setTimeout(() => { console.log("d"); }, 4000); setTimeout(() => { console.log("e"); }, 500..
1. This 기본적으로 this는 자기 자신을 가리키는 키워드이다. 1) 전역 스코프 전역 스코프에서의 this는 전역 객체인 window 객체를 가리킨다. 2) 객체 this 객체 내의 this는 객체 자기 자신을 가리킨다. 3) 인스턴스 this 클래스에서 this를 사용하고 클래스를 통해서 인스턴스를 만들었을 때의 인스턴스로 접근했을 때의 this는 클래스 그 자체가 아닌, 인스턴스를 가리킨다. 4) 프로토타입 this 기본적으로 클래스와 같이 동작하지만, 화살표 함수에 있어서의 차이가 좀 있다. 화살표 함수의 경우 this가 인스턴스를 가리키는 게 아닌, window 즉 전역 객체를 가리키고 있다. 이것을 이해하려면 바인딩과 화살표 함수에서의 바인딩에 대해서 알아야 한다. 2. bind(bind..
1. Prototype based VS Class based 기본적으로 자바스크립트는 프로토타입 기반으로 시작했고, 프로토타입 기반의 언어이다. Class는 ES6에서 나온 기능이기 때문에, 클래스도 내부적으로 조금의 차이만 있을 뿐, 결국 프로토타입을 활용해서 만든 것이다. 1) Prototype based Prototype based란, 생성자 함수를 통한 인스턴스 생성 즉, 원래의 자바스크립트에서의 인스턴스 생성 방식을 말한다. 어떠한 특징을 가진 객체(프로토타입) 원형을 정의하고 해당 객체로부터 비슷한 객체들을 만들어 프로토타입으로 연결하여 사용한다. 여기서의 상속 개념은 프로토타입을 연결하여 프로토타입 객체에서 필요한 정보를 가지고 오는 상속의 개념이다. 2) Class based Class b..
1. Navigation 플러터의 Navigation은 사용자 인터페이스(UI) 간의 화면 전환과 화면을 관리하는 방법을 말한다. 플러터에서의 Navigation 방식은 아래와 같은 방식이 존재한다. 이 글에서는 아래의 빨간색 부분만 기술하며, 다음 글부터 차례차례 기술하려고 한다. 참고로 이외에도 여러 가지 Navigation이 추가로 존재한다. Navigator Named Routes Parameters Navigation Rail Navigation Drawer Tab Navigation, TabBar, BottomNavigationBar PageView: 1-1. Navigator Navigator는 플러터에서 화면 전환을 관리하는 객체로. 새로운 화면을 스택에 추가(push) 하여 전환하거나, ..