본문 바로가기

분류 전체보기845

Webpack4로 Bundling하는 방법(SCSS까지) 기존에는 React를 사용할때만 웹팩을 건드렸었는데 이번에 Pure HTML/CSS/JS로 작업하면서웹팩을 적용시켜봤다. 참고로 이런식으로 추가하는 방법은 예전 방법이고 요즘에는 Pure하게 제작해도 웹팩으로 번들링해주는게 추세라고 한다.웹팩 적용방법부터 시작해서 SCSS까지 적용해보도록 한다.(패키지 관리자로 npm을 사용하지 않고 yarn을 사용)먼저 아래의 명령어로 폴더를 생성하고 안으로 들어간다. mkdir test && cd test 다음으로 yarn을 시작한다 yarn init 아래의 명령어로 웹팩을 설치한다. yarn add webpack-cli webpack --dev 다음으로 package.json파일을 열고 아래와 같이 scripts를 정의해준다. "scripts": {"build": .. 2018. 10. 17.
맥북 애플뮤직 연동하는 방법 오늘은 맥북(OS X)에서 애플뮤직 연동하는 방법에 대해 포스팅하겠습니다.저는 기존에 음원 스트리밍을 위해 멜론을 사용했습니다.국내 사용자분들은 아마 대부분 멜론을 사용하실텐데요.물론 지니, 벅스 등 많은 음원 사이트가 있지만 국내 음원 및 해외 음원까지 폭넓게 보유하고 있는멜론을 사용하는 유저분들이 상당히 많을 것이라고 생각됩니다.그러다가 요즘 EDM 음악을 찾아보던 중 멜론에는 없는 음원이 상당히 많다는 걸 알게 됐습니다.그래서 유튜브 뮤직과 애플 뮤직 사이에서 고민하던 중 3개월 무료로 사용이 가능한 애플뮤직을 사용해봤습니다.아이폰에서 먼저 듣고싶은 음악을 추가해놨고 이제 맥북을 통해 사용을 해야 하는데처음이라 어떻게 맥북에서도 애플 뮤직을 연동해야할지 헷갈리더라구요.그래서 이렇게 포스팅을 통해 정.. 2018. 9. 30.
Flask-restplus 파일/이미지 업로드하는 방법 Flask로 Restful API를 만들기위해 라이브러리를 찾아보면flask-restful, flask-restplus등 다양한 라이브러리가 존재한다.각 라이브러리마다 사용법 또한 다르며 장점, 단점도 다르기 때문에 document를 잘 살펴보고 결정해야한다.나는 현재 restplus를 사용하여 구축하고 있다.따라서 오늘 포스팅에서는 restplus를 사용하여 이미지를 업로드하는 방법을 살펴본다.먼저 파일 형식을 인자로 받기 위해서는 FileStorage 타입을 사용해야 한다.아래의 코드를 먼저 상단에 추가한다. from werkzeug.datastructures import FileStoragefrom werkzeug.utils import secure_filenamesecure_filename은 보안.. 2018. 8. 19.
React.js SCSS 적용하는 방법 CSS는 참 애매한 존재이다.보통 CSS로 스타일링을 하게 되면 코드가 상당히 길어지는 경우가 생기는데,이럴 경우 SASS 또는 SCSS등을 통해 해결할 수 있다.나같은 경우에는 현재 리액트를 통해 작업하고 있는데 SASS를 사용하고 있다.순수 CSS를 사용하는 것보다 훨씬 높은 생산성과 가독성을 줄 수 있으니 반드시 사용하길 권장한다.먼저 아래의 명령어로 리액트 프로젝트를 생성한다. create-react-app test 다음으로 생성한 폴더로 들어가서 아래의 명령어를 입력하여 node-sass를 설치한다. yarn add node-sass 설치를 하고 package.json파일을 열어보면, 위처럼 dependencies부분에 node-sass가 추가된걸 볼 수 있다.추가적으로 gem을 통해 sass를.. 2018. 8. 16.
구글의 철학 정리 최근에 구글의 철학이라는 책을 읽었다.상당히 인상깊게 읽었던 책이라 내용 중 몇가지 기억에 남았던 문장을 정리해본다. [ 모든 것은 구체적인 미션에서 출발한다] 창업을 하든, 회사에 취직하든 기업의 미션, 즉 사명을 명확히 파악하는게 중요하다. 무엇을 해야 하고, 무엇을 하면 안되는지 판단 기준이 뚜렷해지기 때문이다. 판단 이유가 단순 명료하면 누구든 회사의 결정을 이해할 수 있다. 바로 그 지점부터 기업의 철학과 방향성을 모두가 공유하게 된다. 명쾌한 미션을 가지면 전혀 관계없어 보이는 것도 완전히 다른 시각에서 볼 수 있고, 미션과의 중요한 연관성도 발견할 수 있다. [ 서비스의 질을 높인다] 비즈니스 세계에서 “공짜”란 있을 수 없다. 게다가 공짜라는 비대칭성은 서비스 제공자와 고객 사이의 이상적 .. 2018. 8. 14.
Git flow와 branch merge에 대해서 9월 3일부터 회사에서 일을 시작하게 되었다.기존에는 개인적인 소스코드 관리를 위해 깃을 사용하고 있었지만 실제 회사에서 하는 것 처럼복잡하게 관리를 하진 않았다.그래서 실제 업무투입 전, 어느정도 확실히 개념을 잡아놔야 개발에만 집중할 수 있다는 생각이 들었고이렇게 포스팅을 통해 내용을 정리한다.먼저 아래의 사진을 보자. 구글에서 Git flow라고 검색하면 나오는 사진이다.위 내용을 정리해보자면 다음과 같다. - master 브랜치에서는 큼지막한 버전 단위로 관리를 한다. v1, v2, v3처럼- 보통 개발을 하면 master에서 develop이라는 브랜치를 하나 생성한다.- develop에서 feature라는 또다른 브랜치를 생성하고 개발한다.- feature에서 세부 기능들이 하나씩 완료되면 de.. 2018. 8. 14.

티스토리툴바