Tempo Di Valse

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 파일을 내보내지게 되는데, 이번 포스팅에서 작성할 ..

원래 기대하고자 했던 동작은, 1. 하이브리드 앱에서 버튼을 눌러 문자열을 앱에 전달 하고자 한다. 이 때, 문자열은 URI 인코딩이 되어야 한다. 2. 그래서 A 태그에서 encodeURIComponent 를 실행 시켜서 인코딩을 하고 앱에 전달한다 Example 였는데, iOS / Android 의 WebView 부분에서 확인해보니 Android 는 정상적으로 데이터를 전송 받을 수 있었는데 iOS 에서는 그렇지 않은 일반 평문으로 받게 되었다. 개발자들의 만능 홈페이지인 StackOverflow 에도 이에 대한 해답이 나오지 않았고, 애초에 앱 자체로 들어가는 데이터가 다르게 들어간 것을 보니 앱 내에서의 문제는 아닌 것 같았다. 여러 시행 착오를 거쳐 해결할 수 있는 방법을 찾았으니... iOS ..