분류 전체보기 328

CURL(Client URL)

CURL(Client URL)이란? (서버와 통신할 수 있는 커맨드 명령어 툴) 다양한 통신 프로토콜을 이용해 데이터를 전송하기 위한 라이브러리와 명령 줄 도구를 제공하는 툴이라고 보면된다. 클라이언트에서 커맨드라인(cmd)을 통해서 간단하게 웹 브라우저처럼 데이터를 전송할 수 있는 툴이다. cURL은 리눅스 배포판에 대부분 기본으로 포함돼 있다. url을 가지고 할 수 있는 것들은 다할 수 있다. 예를 들면, http 프로토콜을 이용해 웹 페이지의 소스를 가져온다거나 파일을 다운받을 수 있다. ftp 프로토콜을 이용해서는 파일을 받을 수 있을 뿐 아니라 올릴 수도 있다. 심지어 SMTP 프로토콜을 이용하면 메일도 보낼 수 있다 RestAPI 서비스의 성능테스트를 위해 사용하곤 한다. CURL 설치 : ..

CS/Network 2022.09.15

웹팩 기본 & webpack.config.js 설정

웹팩 기본 사용법 (CLI) 웹팩은 자바스크립트 모듈 번들러로 웹 개발을 도와주는 많은 부가기능을 포함하고 있다. 웹 팩의 기본 디렉터리 구조 (기본 디렉터리 구조만 알아라) webpack-example |- /dist |- main.js |- /src |- time.js |- index.js |- index.html |- package.json |- /node_modules 전통적인 웹사이트에서는 HTML 파일에 이런 방식으로 자바스크립트 파일을 가져다 쓰기 때문에 HTML 파일 없이는 정상적으로 작동할 수 없다.( HTML 파일에서 외부 자바스크립트 라이브러리에 대한 의존성 관리) 또한, 외부 라이브러리를 추가적으로 사용할 때 javascript 파일이 아닌 HTML 파일을 수정해줘야 하는 단점도 있..

Null Safety, setState()

0. 의미 1) 모든 변수는 null이 될 수 없으며, non-nullable 변수에는 null값을 할당할 수 없다. 2) non-nullable 변수를 위한 null check가 필요 없음 3) Class 내의 변수는 반드시 선언과 동시에 초기화를 시켜야 한다. class Person { String name; String nameChange(String name) { this.name = name; return name.toUpperCase(); } } void main() { Person p = Person(); print(p.nameChange(p.name)); } /// nullSafety class Person { String? name; // null값이 할당될 수 있다는 것 // late ..

App/Flutter 2022.09.12

DOM(문서 객체 모델) & Document 객체

0. BOM과 비교 (Window 객체) https://prde.tistory.com/278 Window 객체 0. Bom 브라우저 객체 모델 자바스크립트를 이용해서 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어한다. 이때 사용할 수 있는 객체 모델이 브라우저 객체 모델(BOM)이다. 브라우 prde.tistory.com 1. DOM이란 ? 문서 객체 모델은 XML이나 HTML문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 자바스크립트를 통해 새로운 HTML요소나 속성을 추가, 제거, 요소변경, 속성변경, CSS스타일변경, HTML이벤트 추가, 이벤트 반응 등의 작업 할 수 있다. 2. Documnet 객..

Window 객체

0. Bom 브라우저 객체 모델 자바스크립트를 이용해서 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어한다. 이때 사용할 수 있는 객체 모델이 브라우저 객체 모델(BOM)이다. 브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델은 아니다. 1. Window 객체 window 객체는 웹 브라우저의 창을 나타내는 객체로 대부분의 웹 브라우저에서 지원하고 있다. window 객체는 브라우저의 전역객체이기 때문에 모든 전역 변수 또는 함수는 window 객체로 접근 가능하다. 전역 변수를 정의한 후 window 객체에서 해당 값에 접근 가능하다. 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됩니다. window 객체..

pubspec.yaml, analysis_options.yaml

1. pubspec.yaml https://changjoopark.medium.com/%ED%94%8C%EB%9F%AC%ED%84%B0-flutter-%EC%9D%98-pubspec-yaml-ffa40b26296a 플러터(Flutter)의 pubspec.yaml 플러터 프로젝트를 새로 만들면 pubspec.yaml 파일을 볼 수 있습니다. Node.js의 package.json과 같은 패키지 의존성 관리 및 프로젝트 정의 등의 역할을 갖습니다. changjoopark.medium.com 2. analysis_options.yaml의 역할? You can customize static analysis to look for a variety of potential problems, including erro..

App/Flutter 2022.09.02