개발일지?/내배캠 67

캠프 12주 3일차 TIL : vi편집기사용 문

상대경로와 절대경로란? 리눅스에서는 디렉토리를 이동하거나 파일을 지정할 때, 상대경로 혹은 절대경로를 사용하게 됩니다. 절대경로를 사용할 경우 현재 위치와 관계없이 절대적인 경로를 입력하여 사용합니다. ex) cd /home/user/example/dir/ 상대경로는 내 현재 위치를 기준으로 경로를 지정하게 됩니다. ex) cd ./dir/ 현재 위치에 존재하는 dir 디렉토리로 이동 ex) cd ../ 현재 위치를 기준으로 상위 디렉토리로 이동 wild card(*)란? 특정 파일이나 디렉토리를 지정할 때, 이름을 지정해 줘야 하는 경우가 있습니다. 이때 wild card(*)를 사용하면 원하는 파일을 더 빠르게 탐색하거나 실행시킬 수 있습니다. ls -l ./*.txt # .txt로 끝나는 모든 파일..

캠프 12주 2일차 TIL : Linux란?

Linux란 무엇인가? Linux OS란? git의 창시자인 리눅스 토발즈가 1991년 Unix를 기반으로 개발한 OS이며, 서버용 OS로 많이 사용됩니다. Linux라는 명칭을 특정 OS를 지칭하는 것이 아닙니다. Windows라는 OS 안에 Windows 98, xp, 7, 10 등 다양한 OS가 존재하는 것과 같이, Linux에는 Debian, Ubuntu, Redhat, CentOS등 다양한 OS들이 존재합니다. 이번 강의에서는 다양한 Linux 중, 사용자가 가장 많은 Ubuntu를 기준으로 다룰 예정입니다. Linux의 특징 Linux는 오픈소스입니다. 소스코드를 자유롭게 보고 수정할 수 있다는 오픈소스의 특성 덕분에 수많은 종류의 Linux 기반 OS가 존재합니다. 마우스 / 키보드를 사용해..

WIL 11주차 - 내배캠

- 다음 주 목표 세우기 새로운 주에는 지난주에 못한 부분 추가로 알아두기 취침 전 공부시작 전 꼭 기도로 시작하고 끝내기 중요! 비타민 잘 챙겨 먹기 항상 있지만 운동 열심히 하기 배포 꼭 해보기 지난주 아쉬운 점 생각해 보고 새로운 주에는 새 마음으로 계획 세우기! - 이번주 목표 달성 여부 지금 팀원들이랑 조화롭게 새로운 프로젝트마무리하기 취침 전 공부시작 전 꼭 기도로 시작하고 끝내기 중요! 비타민 잘 챙겨 먹기 항상 있지만 운동 열심히 하기 슬럼프가 있었으니 극복해 내는 한 주 되기.

캠프 11주 5일차 TIL : 유지보수를 위한 insertAdjacentHTML

afterbegin과 afterend를 지난 수요일에이어서 공부했다 이유는 footer도 만들어주고 싶은 마음에 시작했는데 이게 생각이상으로 편했기 때문이다. 우선 공식문서 내용을 참고해서 작성할 예정이다. afterbegin과 afterend이 메인은 아니고 실제 메인은 insertAdjacentHTML(position, text) 이 부분인데 지정한 문자열을 원하는 요소의 위치에 넣어줄 수 있다. position 요소에 상대적인 위치를 나타내는 문자열입니다. 다음 문자열 중 하나여야 합니다. "beforebegin" 요소 앞. 요소가 DOM 트리에 있고 상위 요소가 있는 경우에만 유효합니다. "afterbegin" 요소 바로 내부, 첫 번째 자식 앞. "beforeend" 마지막 자식 다음에 요소 내..

캠프 11주 3일차 TIL : javascript를 이용한 header 돌려 쓰기?

예전에 php include를 사용해서 header랑 footer를 하나로 돌려 사용한 적이 있었다. 그래서 이번에 장고프로젝트 때도 해보려 하는데 적용이 안된다ㅠㅠ 내가 잘못한 건지 모르겠지만 다른 방법을 찾아냈다! javascript를 사용하는 방법이 있었다. 이걸로 javascript를 html에 연결해 주면 js부분에 let header = ` nav메뉴들 nav메뉴들 nav메뉴들 ` document.body.insertAdjacentHTML('afterbegin', header); 이렇게 작성해 주면 document.body다음에 header를 붙여준다라는 뜻으로 html > body > header순으로 붙는다. 이걸 응용하면 footer도 쉽게 붙지 않을까 싶다. 오늘의 규파팡이 느낀 점! ..

캠프 11주 2일차 TIL : 스포티파이 검색API이용으로 노래 검색!

스포티파이검색 공식문서 이 부분을 참고해서 작업했다. 영어는 오늘도 힘들다...... 나도 모르게 익혀버린 마우스우클릭 t 다시 돌릴 때도 우클릭 t 좌측방향키 해석해야 할 텐데 자꾸 미루고 번역기를 사용한다 ㅠㅠ사담.............. 끝! 오늘은 검색 api를 사용해서 스포티파이가 제공하는 노래목록을 가져오는 부분을 구현했다. 처음엔 막막했다가 어제 access token 가져온 후로 급물살을 탔기에 제공된 url과 url형식을 참고하고 공식문서내용을 참고해서 url을 만져주었다. 우선 전체코드를 붙이고 하나씩 설명할 예정이다 class MusicSearchApiDetail(APIView): def post(self, request, format=None): query = request.data..

캠프 11주 1일차 TIL : 월요일 좋아, Web Scraping과 API 활용 차이

Web Scraping은 API사용에 비해서 좋지 않다는 이야기를 듣고 이번프로젝트도 저번프로젝트에이어서 오픈 API를 맡았기에 알아봤다. Web Scraping은 우선 웹페이지의 특정 부분의 데이터를 추출해 오는 것으로 처음엔 크롤링(Crawling) 링과 같다 생각했다. 하지만 두 방법도 비슷한 거지 같지 않다. 크롤링(Crawling)은 웹 스크래핑(Web Scraping)에 비해서 데이터범위가 굉장히 넓다. 웹 스크래핑(Web Scraping)은 특정데이터만 추출하고 크롤링(Crawling)은 넓은 범위의 데이터를 추출한다. 그런데 두 가지 방법 다 일단은 임의로 데이터를 추출하기에 해당사이트에서 robot.txt, CAPTCHA 로봇 검사, IP 차단등으로 방지해 두는 사이트도 있다. 그에 비해..

WIL 10주차 - 내배캠

- TIL의 회고: 이번주 알게 된 점 총정리 1. 지난 주차 프로젝트회 기능구현 더해볼걸 기능 부분 더 공부할걸 더 친하게 다가갈걸 2. javascript. onclick, addEventListener차이와 장단점 onclick은 사용이편하다. 대신 클릭이벤트만사용 가능하다. addEventListener는 이벤트헨들러(click, scroll, mouseover etc..)를 다양하게 쓸 수 있다. 다양한 선택자?를 지정해 줄 수 있어서 디테일하고 조절이 가능하다(다른 언어들도 다마 찬가 지지만?) 3. 더 효과적인 github사용법 main branch는 수정하지 않고, develop branch만 수정해서 사용하는? 아니다... ㅠ 디벨롭 branch는 psuh, pull용이고 개인생성 bra..

캠프 10주 4일차 TIL : 다양한 외래 키 활용

ForeignKey : many-to-one 형태로 특정 테이블에서 다른 테이블을 참조할 수 있다, ex) 게시글과 작성자의 관계를 나타 낼 때, 게시글 테이블에서 작성자 테이블을 Foreign Key를 사용해 관계를 맺을 수 있다. OneToOneField : one-to-one 형태로 ForeignKey와 동일하지만, 1:1 관계만 가능하다. ex) 사용자 계정 테이블과 사용자 프로필 테이블이 별도로 존재 할 때, 계정 테이블을 프로필에서 1:1로 관계를 맺을 수 있다. ManyToManyField : many-to-many 형태로 한 개의 필드에서 여러 개의 테이블을 참조할 수 있다. ex) 사용자 테이블에서 취미 테이블의 object를 참조하고 싶을 때, many to many 관계를 사용해 2개..

캠프 10주 2일차 TIL : javascript. onclick, addEventListener차이와 장단점

오늘 머신러닝강의가 지급됐고 새로운 주차가 시작되는 날이었다. 그런데 집중이하나도 안 된다 큰일이다 오늘을 날릴 수 없기에 그나마 공부하고 있던 js crud를 이어서 들었다. js문법에 대해서 추가로 더 알게 됐다. 우선 onclick이라는 함수와 addEventListener 함수가 있다 각함수는 공통점이 있지만 차이점도 분명히 있다. 우선 각함수를 작성하면 onclick함수경우에는 html에서 먼저 작성해줘야 한다. 1번째 li 2번째 li 3번째 li 1번째 li 이렇게 작성해서 넣어준다 그리곤 js파일에서 함수 test_li()를 만들어준다. function test_li() { console.log('1번째 li onclick입니다.') } 이렇게 작성하고 콘솔창에서 출력해 보면 이렇게 출력되..