[태그:] development

23 3월 2021

[vJS] Prototype

Prototype을 사용할 경우, 메모리의 절약이 가능하며 2배가량의 속도 이득을 볼 수 있다(2번 참고). 설계 방식이 까다롭고 사용법을 익히는 데에 시간이 필요하지만, 다루는 객체가 복잡해지고 또 실행의 빈도 수가 높아짐에 따라 프론트엔드에서 다뤄야 하는 필수 요소이다.

1 2월 2021

[vJS] ES5 ~ ES10 및 Typescript, Babel에 대해

광고 목표 *ES5부터 ES10의 도큐먼트를 기준으로 변경 사항을 정리하고, 대세적으로 사용하는 TypeScript와 Babel에 대해 알아봅니다. *ES5 : 2009년에 릴리즈 된 ECMA -262 기술 규격에 따라 정의하고있는 표준화 된 ECMA 스크립트 언어 (ES6 = ECMAScript 2015)*이전에 작성한 ‘[vJS] Const, Let, Var의 차이점’의 추가 요청에 의해 작성 목차 ES5 변경사항 ES6 (ES2015) 변경사항 TypeScript Babel ES7 (JS 2016) ~ ES10 (JS 2019) 정리 1. ES5 변경사항 “use strict” Strict 모드: […]

25 11월 2020

[GoJS] Node의 모델, 다이어그램 업데이트

광고 두 포트가 있고, 각각의 포트는 GoJS의 노드로 표현한다.포트의 갯수와 이름, 라벨을 각각 portNums, portNames, portNamesContextLabel이라 칭한다. 여기서 포트의 이름은 텍스트 블록으로, 각 텍스트 블록의 우 클릭 시 나오는 컨텍스트 메뉴의 이름을 컨텍스트 라벨이라고 칭한다. portNames = ‘ firstName, secondName’포트 이름은 최초에 두 이름이 (,)형태로 이어져 있는 상태로 split() 후 활용 해야 한다는 전제가 있다. NS님의 소스 위에 기능을 추가하기 위해 그 위에 붙인 소스로, […]

17 11월 2020

[VUE]SPAウェブフロントエンド開発ためのまとめ

①SPA
SPAウェブは、最初のロード時、全体ページをロードした後からは、既存のページと比較して更新が必要な部分だけをjsonの形でデータを持ってきてバインディングします。

②Vue.jsでウェブを開発する際には、プロジェクトの構築及びその他の作業に役に立つVue-Cli、ルーティングを担当するVue Router、コンポーネント間のState管理を担当するVuexを使います。

③Routing
SPAウェブの使用性限界を補完するためには、ルーティングに関するライブラリを利用してヒストリーを管理する必要があります。

④State管理
各コンポーネントではStateにプロジェクトで共通に共有するデータを保存しておくことができ、最初の保存だけでどのコンポーネントでも当該データを照会することも、修正することもできます。

20 8월 2020

[PYTHON] DjangoでのWeb構築からリリースまで(1)

Pythonはデータ処理に関するライブラリが多様で、信頼度が高いフレームワークを活用することができるし、また、ウェブをアジャイル方式で構築する状況に得意です。 また、環境別にパッケージの管理がよくできるので、リリースの時にもミスを防ぐことができます。

しかし、性能については苦手があるのでパフォーマンスに対する別の処理が必要です。

Djangoではコマンドラインユーティリティでプロジェクトを生成してサーバーを回しながら、View・Temlate・Model・Staticなどを通じてクライアントとバックエンドを区別し、動的にページを生成します。

19 8월 2020

[VUE] SPA 웹 프론트앤드 개발을 위한 정리

Vue.js는 자바스크립트 프레임워크 중 하나로, SPA 개발에 특화되어 있습니다.

1. SPA
SPA 웹은 최초 로드 시, 전체 페이지를 로드 한 후부터는 기존의 페이지와 비교하여 갱신이 필요한 특정 부분만을 json형태로 데이터를 가져와 바인딩합니다.

2. Vue.js로 웹을 개발할 시, 프로젝트 구축 및 기타 작업을 수행해 줄 Vue-Cli, 라우팅을 담당해 줄 Vue Router, 컴포넌트 간의 State 관리를 담당 할 Vuex를 사용합니다.

3. Routing
SPA웹의 사용성 한계를 보완하기 위해서는, 라우팅을 담당해 줄 라이브러리를 이용하여 히스토리의 관리를 하는 것이 좋습니다.

4. State 관리
각 컴포넌트에서는 State에 프로젝트에서 공통으로 공유할 데이터를 저장해 둘 수 있으며, 최초 저장만으로 어느 컴포넌트에서든 해당 데이터를 조회할 수도, 수정할 수도 있습니다.

10 8월 2020

[GIT] Gitで用いるGit-Flowまとめ

Git Flowは、チームとして長期開発をする際に必要な効果的なプロジェクトのバージョン管理戦略です。

開発が終わったソースコードを無理なくマージし、正しく動作するソースコードをリリース環境のブランチで管理することを目指しています。
developブランチのソースコードをrelease直前の状態で管理するのに無理がある場合は、中間検証のためのStagingのブランチを作成してリリース直前のソースコードを管理する方法があります。
(staging用ブランチを作成するのは、開発に集中ができる環境を構成するという利点があります。)
Gitの操作を開始する前に、各作業の予想順序をシートにまとめた後作業に入れば、ミスを減らすことができると思います。

10 8월 2020

[PYTHON] Django Web 구축부터 릴리즈까지(1)

광고 목표 본 포스팅에서는 Python으로 Web을 구축하게 된 계기 및 Django 프레임 워크를 활용하여 배포 및 운영했던 사항에 대해 정리합니다. 목차 Python으로 Web 구축을 고려한 이유 Python으로 Web 구축 시 갖는 리스크 Python Web Framework 「Django 」 Application 구성에 대해서 (Url 관리 등) View & Template에 대해서 정리 1.Python으로 Web 구축을 고려한 이유 데이터 처리와 관련 된 라이브러리에 있어 큰 이득을 볼 수 있습니다.: Pandas, […]

31 7월 2020

[vJS] Const、Let、Varの違い

JavaScriptの変数を宣言するキーワードで  const、  let、  varについてまとめました。

  1. constは値を再割り当てすることができない変数を宣言するとき使われます。
  2. letvarは再割り当てすることができる変数を宣言することができ、
    初期値を宣言しなくてもされます。
  3. varの場合のみ、同じ値を重複宣言することができます。

constは、再割り当てが不可能な変数を定義するキーワードです。 
再割り当てを禁止することにより、誤って別の値を割り当てて発生するバグを減らすことができます。 

したがって、変数を宣言する場合は、まず  const定義することができないかを検討した後、不可能な場合  letを使用することをお勧めします。