분류 전체보기(187)
-
Restful API에 대한 정리
REST API와 RESTful API 1. REST란? Representational State Transfe라는 용어의 약자이다. 자원을 URI로 표시하고 해당 자원의 상태를 주고 받는 것을 의미한다. REST의 구성 요소는 자원(Resource): URI 행위(Verb): HTTP METHOD 표현(Representat velog.io 1. REST란? Representational State Transfe라는 용어의 약자이다. 자원을 URI로 표시하고 해당 자원의 상태를 주고 받는 것을 의미한다. REST의 구성 요소는 자원(Resource): URI 행위(Verb): HTTP METHOD 표현(Representations) 로 이루어져 있다. 즉 Rest는 URI를 통해 자원을 표시하고, HTT..
2020.08.10 -
스크롤에 따른 목차 하이라이트 만들기
프로젝트 내에서 웹 프론트엔드 포지션을 맡고, 처음 한 과제 중 하나는 howto 페이지였다. 과제 목표는 inteliJ 페이지처럼 만드는 것. IntelliJ IDEA overview - Help | IntelliJ IDEA IntelliJ IDEA overview IntelliJ IDEA is an Integrated Development Environment (IDE) for JVM languages designed to maximize developer productivity. It does the routine and repetitive tasks for you by providing clever code completion, static code analysis, a www.jetbrains...
2020.07.31 -
Ubuntu 20.04 LTS 홈 서버 구축기 (3)
저번 편에서 했던 django, react 설치 외에도, 내 편의를 위해 세팅한 다른 소소한 기능들이 많다. 이번 편에서는 그 소소한 기능들에 대해 알아보자. 홈서버를 통해 이루고자 하는 내 목표는 다음과 같았다. 1. 포트폴리오 사이트 겸 그 자체로 포트폴리오인 웹페이지 만들기 React 2. 뉴스 정보 크롤링해서 매일 볼 수 있는 Django API 3. NAS처럼 쓸 수 있는 파일 서버 owncloud 4. 토렌트, 마그넷 던져주면 받아준다는 transmission 5. 어디서나 영화, 드라마 볼 수 있는 plex media server -> 라이브러리 transmission 폴더랑 연동시켜서 받자마자 보기 위에 두 개는 설치를 끝내고 진행중인 상황이고, 나머지 녀석들을 설치해보았다. ownclou..
2020.07.31 -
create-react-app 레퍼런스
상대경로 빌드할 일이 있을때 참고해야겠다 Create React App · Set up a modern web app by running one command. `npm run build` creates a `build` directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main..js` are served with the conte create-react-app.dev
2020.07.30 -
django + github web hook 자동배포
잘 참고해서 자동배포 해놔야겠다. sftp 로 업로드하는것도 괜찮긴 한데, 그냥 로컬에서 작업하고 저장해서 푸시하는게 분기별로 관리하기 편할 것 같다. How to Handle GitHub Webhooks Using Django Webhooks are a convenient way to notify external services when a certain event occur. GitHub provides an easy way to create Webhooks for the git repositories... simpleisbetterthancomplex.com cliche90/webhook_autopull guide for auto pull by github webhook. Contribute to ..
2020.07.25 -
JS 정렬함수(sort function)
Array.sort(정렬함수) JS에서 임의의 Array를 정렬할 때 sort 메소드를 사용한다. 정렬함수는 정렬 순서를 결정하는 데 사용되는 함수로, 정렬함수가 없는 기본값 상태에서는 오름차순, ASCII 문자 순서대로 정렬된다. 배열 안의 요소를 ASCII 순서대로 정렬하다 보니, 숫자 크기 순서대로 정렬이 될 것 같지만 실제 결과는 다르다. var arr = [1, 2, 10, 9, 4, 2]; var sort_default = arr.sort(); console.log(sort_default); 실제 숫자의 크기가 아닌, ASCII 값으로 정렬되어 이 부분이 문제가 될 수 있다. 즉, 직관적이지가 않다. 이 문제를 해결하기 위해 정렬 함수를 정의해서 사용해야 한다. 정렬함수에 인수를 넣고 아래의 ..
2020.07.23