일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 디렉터리 구조
- JavaScript 실행 디버깅
- Linux rmdir
- Linux cat
- EC2 HTTP 호스팅
- Logback
- 자바스크립트 런타임
- 서버의 서비스 방식
- EC2 zsh
- Linux ls
- linux foreground
- Linux 디렉터리 역할
- EC2 Apache2
- javascript 정렬
- Linux apt-get
- javascript scope
- Linux 디렉터리 명령어
- EC2 oh my zsh
- Linux cd
- linux background
- Linux oh my zsh
- Linux pwd
- Linux 파일 관리 명령어
- Linux apt
- HTTP Web Server
- AWS EC2 서버 만들기
- 자바스크립트 이벤트 루프
- Navigation Pattern
- Linux mkdir
- JavaScript EventLoop
- Today
- Total
목록전체 글 (122)
HyunJun 기술 블로그
리눅스의 디렉터리 구조 "/", 루트 디렉터리에서부터 보는 디렉터리의 구조는 다음과 같다. / ├── bin ├── boot ├── dev ├── etc ├── home ├── lib ├── media ├── mnt ├── opt ├── proc ├── root ├── run ├── sbin ├── srv ├── sys ├── tmp ├── usr └── var 각 디렉터리의 역할은 다음과 같다. /bin: 기본적인 실행 가능한 리눅스의 명령어가 포함되어 있는 디렉터리. /boot: 부팅과 관련된 파일들이 저장되는 디렉터리. /dev: 장치 파일들이 위치하는 디렉터리. /etc: 시스템 구성 파일들이 저장되는 디렉터리. /home: 사용자 홈 디렉터리들이 위치하는 디렉터리. /lib: 라이브러리 파일들이..
1. JavaScript의 This 기본적으로 JavaScript의 this는 함수가 호출될 때 해당 함수가 속한 객체를 참조하는 특별한 키워드이다. this를 사용하여 현재 실행 중인 함수가 속한 객체의 프로퍼티에 접근하거나 해당 객체의 메서드를 호출할 수 있다. 즉 this에 대한 값은 호출 방법에 따라 동적으로 결정된다. 1) function 생성 방법. 시작하기 전, 함수의 생성 방법부터 알아보자면, ES6에서 나온 Arrow Function(화살표 함수)는 일단 제쳐두고, 함수를 선언하는 데 있어 함수 선언식과, 표현식이라는 2가지 방법이 존재한다. foo(); // 함수 선언식 function foo() { console.log("함수 선언식"); } bar(); // Uncaught Refe..
Symbol JavaScript의 Symbol은 원시 데이터 타입(primitive data type)으로, 유일하고 변경 불가능한 값이다. Symbol은 ES6(ECMAScript 2015)에서 도입되었다. 1. 사용 목적 & 방법 왼쪽의 변수명이 Symbol 객체를 식별하는 식별자가 되고, 오른쪽의 Symbol("")에 들어가는 문자열은 해당 Symbol에 대한 설명(description)이라고 할 수 있다. 이 문자열은 Symbol을 구분하거나 식별하는 데 사용되지 않으며, 단지 Symbol 객체를 디버깅하는 등의 용도로 사용된다. 이 문자열은 Symbol의 내부 속성으로 저장되며, Symbol 객체를 출력할 때나 디버깅 도구에서 사용될 수 있다. const fooSymbol = Symbol("fo..
Scrollable Widgets 기본적으로 플러터에서는 스크롤 가능한 위젯으로 위젯을 구현하지 않으면 모바일 기기의 세로 화면을 넘어서게 되면 에러가 발생하게 된다. 해서 스크롤을 구현하기 위해서는 Scrollable Widgets를 사용해서 구현해야 한다. 1. SingleChildScrollView 하나의 자식 위젯 내에 있는 위젯들을 수직으로 스크롤 가능하게 구현하기 위해 사용하는 위젯이다. 여러 개의 컨테이너의 색상을 담을 colors.dart 파일을 작성한다. import 'package:flutter/material.dart'; const rainbowColors = [ Colors.red, Colors.orange, Colors.yellow, Colors.green, Colors.blue,..
Flutter에서의 사용자 입력받기. Flutter에서 사용자가 직접 입력한 텍스트를 받고 유효성 검사 등을 하기 위해서 TextField, TextFormField, Form 등이 사용된다. 1) TextField Flutter에서 name, id, email, pw 등 사용자의 입력을 받기 위해 사용한다. TextField 위젯은 단순히 텍스트를 입력을 받기 위한 위젯으로, 폼 처리나 유효성 검사를 위한 기능을 내장하고 있지 않다. 하여 Form 위젯 안에 위치할 필요가 없고 단독으로 사용 가능하다. controller: 사용자가 TextField에 입력한 값을 저장하고 재 사용 및 관리하기 위해 TextEditingController를 사용한다. decoration: TextField의 외관을 설정..
Scaffold Scaffold는 플러터(Flutter)에서 앱의 뼈대를 구성하는 레이아웃 위젯이다. 일반적으로 앱의 주요 구성 요소인 앱 바(App Bar), 본문 컨텐츠, 푸터(Footer) 등을 효과적으로 구성하는 데 사용된다. Scaffold 위젯은 주로 표준적인 머티리얼 디자인에 따라 앱의 기본 뼈대를 구축할 때 사용되며, 앱의 상단에 AppBar와 하단에 BottomNavigationBar를 간단하게 추가하는 등의 기능을 내장하고 있다. Scaffold 위젯은 일반적으로 body, appBar, floatingActionButton, drawer, bottomNavigationBar 등과 같은 여러 속성들을 설정할 수 있다. import 'package:flutter/material.dart'..