본문 바로가기

학습 내용 정리

 (155)
크롬의 개발자 도구, 디버깅 - 각 패널들의 명칭과 기능 Elements : DOM CSS를 편집하여 렌더링된 뷰 > 편집한 내용이 저장되지는 않는다. Console : 웹페이지의 에러, console.log Sources : 자바스크립트 코드 디버깅 Network : 네트워크 요청 정보와 성능 Application : 웹 스토리지, 세션, 쿠키 확인 및 관리 - 개발자 도구 창 분리 : 우측의 더보기 ... 클릭 > Dock Side - 디버깅 예시 코드 0 + - 에러가 발생한다! 오른쪽 끝에 index.html:19 와 같은 에러 발생 위치를 클릭 > Sources 패널로 자동 이동, 디버깅 가능! line 19 의 라인 번호를 클릭해 책갈피 모양이 뜨면 브레이크 포인트가 걸린 것이다. 이 때 오류를 실행하면 디버깅 모드로 들..
Git 기초 특강 pwd 현재 경로 확인하기 절대 경로 : 전체 경로 상대 경로 : 현재 경로를 기준으로 나타낸 경로 현재 경로는 . 으로 나타냄 상위 경로는 .. 으로 나타냄 ls 현재 경로의 파일 및 폴더 조회 ls -al 현재 경로의 숨김 파일 및 폴더까지 모두 조회 숨김 파일 및 폴더 : . 으로 시직함 cd : 로 이동하기 cd .. 상위 경로로 이동하기 cd . 현재 경로로 이동하기 cd ~ 홈 디렉토리로 이동하기 touch : 을 이름으로 갖는 파일 생성 cat : 파일 내용 확인하기 vi : 편집하기 A 또는 i 입력 Esc 빠져나오기 :w 저장 :q 편집기 종료 :wq 로 활용 가능 rm : remove mkdir : 디렉토리 만들기 rmdir : 비어있는 디렉토리 삭제 (비어있어야만 가능) rm -rf ..
REST API REST API Representational State Transfer : 대표적인 상태 교환 웹의 장점을 최대한 활용할 수있는 아키텍처로서 REST를 발표함. REST의 규칙을 지키면서 만든 API를 REST API 혹은 RESTful API라고 부릅니다. API Application Programming Interface(애플리케이션 프로그램 인터페이스) Application : 고유한 기능을 가진 모든 소프트웨어 Interface : 두 애플리케이션 간의 서비스 계약, 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의 * API 문서에는 개발자가 이러한 요청과 응답을 구성하는 방법에 대한 정보가 들어 있습니다. REST의 특징 1) Uniform (유니폼 인터페이스) 2) * S..
HTTP와 HTTP 코드 별 의미 HTTP란? 데이터를 주고 받는 양식을 정의한 통신 규약 브라우저는 서버에게 자신이 원하는 페이지 (URL 등의 정보) 를 요구(Request)합니다. 서버는 브라우저가 원하는 페이지가 있는지 확인하고 있다면 해당 페이지에 대한 데이터를 반환(Response)해줍니다. 없다면 없는 페이지에 대한 데이터를 반환합니다. 개발자 도구의 Network 탭에서 HTTP status 및 기타 정보 확인 가능 Method GET : 리소스를 얻을 때 POST : 웹 서버에 데이터를 게시할 때 Header : 추가 데이터, 메타 데이터 브라우저가 어떤 페이지를 원하는지 요청 받은 페이지를 찾았는지 성공적으로 찾았는지 Payload : 실질적인 데이터 GET 메서드를 제외하고는 모두 Payload를 보낼 수 있다 HTT..
대용량 프로젝트 git 올리기 MacOS : 13.3.1 (a)(22E772610a) home brew 설치 : https://brew.sh/index_ko git 설치 : https://git-scm.com/book/ko/v2/%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-Git-%EC%84%A4%EC%B9%98 home brew 는 상당히 시간이 오래 걸리니 10분 정도는 가볍게 기다려 보자 git init git add . git commit -m "message" git remote add origin "github_repository_url" git push -u origin master git config --global user.name "username" git config --global user...
CSS 기초 예제 movies - 예제 웹페이지 https://verdantjuly.github.io/mypage_movies/ - 예제 코드 https://github.com/verdantjuly/mypage_movies/blob/main/index.html 스파르타 코딩클럽 웹개발 종합반 수강 후 연습
CSS 기초 예제 login page - 예제 웹페이지: https://verdantjuly.github.io/mypage_login/ - 예제 코드: https://github.com/verdantjuly/mypage_login/blob/main/index.html 스파르타 코딩클럽 웹개발 종합반 수강 후 연습
엑셀보다 쉬운 SQL 완주 스파르타코딩클럽의 내일배움단 강의 을 완주하였다. 아래 순위는 실시간 접속자 중 순위를 매기는 것 같다. (그래도 1등을 해서 뿌듯하다.) 처음 1등을 해 봐서 기쁜 마음에 기록한다.

티스토리툴바