Tempo Di Valse

Node.js 도 보통이면 yum 으로 처리할텐데... 일단 환경을 OS 에 따른 환경이 아닌, gcc 가 깔려있는 환경에 따라 설치를 하게 되었다. 최신 LTS 버전의 Node.js 를 설치하려고 하니 GLIBC_3_14 버전이 없다느니 하는 에러가 주르륵 나와서 어떻게 할까 하다가 gcc 버전을 확인해보니 4.4.7 버전이길래 그럼 Node 10 버전이면 괜찮겠지 하며 다운받아 설치를 진행하게 되었다. Node.js 도 소스 컴파일 하는 방법도 있지만, 이 방식은 거의 무설치 방식에 가깝다고 생각된다. 1. 다운로드 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 먼저, g..

ComposerDownload Composer Latest: v2.2.7 To quickly install Composer in the current directory, run the following script in your terminal. To automate the installation, use the guide on installing Composer programmatically. php -r "copy('https://getcomposer.org/insgetcomposer.org보통 Composer 설치하려 할 때에는 다음의 커맨드를 통해 설치를 하게 된다.php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"p..

우선, 서버 엔지니어가 아닌 관계로.. 정확한 정보에 대해서 아는 바는 별로 없지만, 설치한 경험대로 기록을 해 보도록 하겠다. NGINX 를 소스를 이용하여 설치 할 일이 생겨버렸다. 지금까지 AWS EC2 인스턴스 하나 만들어서 sudo yum install -y nginx 만 치면 알아서 RPM 깔리듯이 셋팅에 대해 신경쓰지않고 좌르륵 잘 깔렸는데, 이번에는 외부 접속이 되지 않는 바람에 yum 이고 뭐고 쓸 수가 없게 되었다 ㅠㅠ 방법은 하는 수 없이 NGINX 소스를 다운 받아서 설치를 해야 된다는 것이다. 그래서 열심히 여러 구글링을 모아보며 NGINX 를 뚫어본 경험에 대해서 작성해 보도록 하겠다. 1. 필요 패키지 설치하기 NGINX 를 설치하기 전에, 필요한 패키지 들이 있는데 그것들은 ..

1. tar 파일 압축 풀기 tar -xvf ${FILE_NAME} > tar -xvf nginx.1.20.tar.gz 2. tar.gz 으로 파일 압축 하기 tar -zcvf ${FILE_NAME} ${TO_ZIP} > tar -zcvf file.tar.gz folder/ 3. 디렉토리 내에 시작되는 단어가 포함된 목록 나열 ls -al ${SEARCH_PREFIX}* > ls -al lib* 4. 디렉토리 내에 존재하는 파일들 삭제하기 $ rm -rf ./* 주의!!) ./* 에서 점 안찍으면 서버가 날아갈 수 있음. 5. 쉘 스크립트 만들 때의 첫 시작 #!/bin/bash 6. AWS EC2 AMI 환경변수 설정 $ sudo vi ~/.bash_profile .. 환경변수 수정 및 종료 $ sud..

각 OS 에서는 다른 형태의 다이얼로그 레이아웃을 가지고 있는데 안드로이드에서는 Material 디자인에 맞는 레이아웃을, iOS 에서는 Cupertino 디자인에 맞는 레이아웃을 가지고 있고 그 모습은 우리가 아는 그 모습이 맞다. Flutter 의 다이얼로그는 어떻게 만들까 확인하고자 하나를 만들어 봤는데, Builder 하는 부분부터 Android 나 iOS 에서 만드는 방식과는 너무 달라서 복잡해보이는 부분이 조금 있었다. 게다가 다이얼로그를 통합으로 관리하는 기능이 있겠지 하며 찾아봤는데 웬걸.. Android 용 iOS 용 서로 다른 메소드를 통해서 개발을 해야 하는 것 같았다. 물론 Android 나 iOS 디자인 중 하나를 선택해서 개발하는 것이 편할 수도 있겠지만 요구사항은 항상 그렇지가..

지난 포스팅에서는, [Vue.js] 커스텀 Checkbox 만들어보기 UI 를 만들다 보면, 디자이너가 그려주는 UI 에서는 시스템에서 제공해주는 UI 와는 많이 다른 신기하게 생긴 컴포넌트들이 많이 보이곤 한다. 게다가 기능이 이미 코어에도 존재하는 것들, 계열 tempodivalse.tistory.com 을 해보았다. 이번에는 체크박스와 비슷한 의 radio 타입을 커스터마이즈 하는 작업도 하며, 나아가서는 Android 에서는 RadioGroup 이라고 부르는데 라디오 버튼들의 묶음을 만드는 것을 해보도록 하겠다. 1. Vue 컴포넌트 생성 먼저, RadioGroup 이라고 .vue 파일을 하나 만들었고 기본 프레임도 작성을 했다. // 여긴 텍스트가 들어갈 곳 체크박스 때와 같이 태그를 밖에 둘..

UI 를 만들다 보면, 디자이너가 그려주는 UI 에서는 시스템에서 제공해주는 UI 와는 많이 다른 신기하게 생긴 컴포넌트들이 많이 보이곤 한다. 게다가 기능이 이미 코어에도 존재하는 것들, 계열의 checkbox 나 radio, 의 경우에는 기능은 유지하되, 겉의 모습만 바뀌는 것을 많이 볼 수 있다. 하지만 레이어 같은 아이들이 아니라서 새로 스타일을 정의하기에는 많은 어려움을 가지고 있다. 그래서 이런 것들은 웬만하면 크게 커스터마이즈하여 디자인을 맞추곤 하는데, 이번 포스팅은 그 중에서 커스터마이즈 하기가 쉬운 Checkbox 를 Vue.js 를 통해서 만져보도록 하겠다. 먼저 일반적인 체크박스 의 구조를 보게 되면, HTML 삽입 미리보기할 수 없는 소스 2가지 타입의 체크박스를 볼 수 있다. 해..

우선 출처는 Facebook 에서 개발한 InlineChunkHtmlPlugin 으로, React 와 관련되어 페이스북에서 개발한 Webpack Plugin 인 것 같다. GitHub - facebook/create-react-app: Set up a modern web app by running one command. Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub. github.com 보통 Webpack 을 실행하게 되면, 하나(혹은 여러 개)로 번들링이 된 js 파일을 내보내지게 되는데, 이번 포스팅에서 작성할 ..