개발 (16) 썸네일형 리스트형 [AWS] AWS EC2 사용 방법 정리 - EC2 생성 / 서버 오픈 / 인바운드 규칙 설정 1. 가장 먼저 EC2 시작하기 버튼 클릭 2. 인스턴스 - 인스턴스 시작 후 , 만들고자 하는 서버의 이름 설정 3. Application and OS Images 에서 Ubuntu 로 설정 4. 인스턴스 유형 설정 - 요금이 과하게 발생하는걸 예방하기 위해 가능한 작은걸로 선택합니다. - 프리티어 사용자이므로 프리티어 사용가능한 인스턴스 유형을 골랐습니다. 5. 새 키페어 생성을 눌러서 키페어를 생성 - 키페어 이름 입력 후, 프라이빗 키 파일 형식 선택 - mac 유저일경우 .pem 을 선택하고 window 유저의 경우 .ppk를 선택. 나는 mac을 사용하므로 .pem 형식을 선택했다. 6. 이후 인스턴스 시작 - 결과물은 아래 이미지와 같다. 접속을 위해 표시해둔 퍼.. [Git] git 명령어 - pull request 1. pull request 란 ? - push 권한이 없는 오픈 소스 프로젝트에 기여할 때 주로 사용 - "내가 수정한 코드가 있으니, 내 branch를 가져가 검토 후 메인 branch에 병합(merge)해주세요!" 라는 뜻 - 예기치 못한 코드의 충돌을 줄일 수 있음 2. Pull Request 방법 [Git] git 명령어 정리 - Merge 1. Merge 란? - git branch를 다른 branch에 합치는 과정 2. Merge 명령어 # A 브랜치에 B 브랜치를 합치고 싶은 경우 git checkout A # A 브랜치로 이동 git merge B # B 브랜치와 merge 진행 3. Case 분류 1 ) A 브랜치와 B 브랜치에서 "서로 다른 파일"을 수정한 뒤 merge -> 알아서 합쳐진다 ! 2 ) A 브랜치와 B 브랜치에서 "서로 같은 파일"의 "다른 부분"을 수정한 뒤 merge -> 알아서 합쳐진다 ! 3 ) A 브랜치와 B 브랜치에서 "서로 같은 파일"의 "같은 부분"을 수정한 뒤 merge -> conflict(충돌) 발생 ! 수동 해결 필요 [git] git 명령어 - branch 생성 / 이동 / 삭제 1. branch 란? - 각각 담당 기능이 다를 때, 독립적으로 어떤 작업을 하기 위해 필요한 개념 - 최초 branch에서 파생한 각각의 branch를 만들어 작업을 진행 - 최초 branch로 merge를 통해 각자 작업한 것을 다시 합칠 수 있음 2. branch 명령어 정리 # local branch 목록 확인 git branch # 현재 branch 에서 새로운 branch 생성 git branch "브랜치명" # branch 이동 git checkout "전환할 브랜치명" # 새로운 branch 생성하고 바로 해당 branch로 이동 동시에 하기 git checkout -b "생성할 브랜치명" # branch 삭제 (단, 삭제할 branch가 현재 branch에 합쳐져 있을 경우에만) git.. [Python] 리스트 내포 방식 활용법 리스트에서 for문을 활용한 요소 추가 작업을 할 때, 내포 방식을 활용하면 코드가 간소화 되기 때문에 편하다. 1. 기본 구조 [i for i in range(0,n+1) if n==0] 2. if 와 else 조건을 모두 활용하는 경우 ['A' if i==0 else 'B' for i in range(0,n+1)] [ResponsiveWeb]반응형 웹과 BootStrap - 미디어쿼리 / 부트스트랩 적용법 1. 개념 반응형 웹 ( = Responsive Web ) Web 디자인의 기법 중 하나로, 디바이스의 디스플레이 종류에 반응하여 그에 맞도록 적절하게 UI 요소들이 유기적으로 배치되도록 설계된 웹 크게 말해, 브라우저의 크기에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트라는 의미 반응형 웹 디자인 예시들 1. 카카오 모빌리티 https://www.kakaomobility.com/ 2. 삼성 뉴스 룸 https://news.samsung.com/kr/ ( 워드 프레스 사용 ) 3. 네이버 (적응형 웹) https://m.naver.com/ https://naver.com/ 왜 반응형이 필요한가에 대한 답은 아래 영상을 보면 잘 느낄 수 있다. Youtube - 노마드 코.. [JS] JQuery 자바 스크립트 언어를 간편하게 사용할 수 있도록 단순화 시킨 오픈 소스 기반 자바스크립트 라이브러리 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원 가능 HTML DOM를 손쉽게 조작 가능, CSS 스타일도 간단히 적용 가능 애니메이션 효과나 대화형 처리를 간단하게 적용 같은 동작을 하더라도 더욱 짧게 구현 가능 오픈 라이선스를 적용해 누구나 자유롭게 이용 가능 JQuery 사용법 1. 파일 다운로드 2. CDN (content Delivery Network) 사용 https://releases.jquery.com/ 1. JQuery 메소드 값 가져오기 & 설정하기 메소드 예시 설명 $(선택자).val( ); var value = $("input").val(); Input과 같은 value.. [JS] JavaScript(3) - 객체 / DOM 1. JavaScript 표준 객체 - 자바 스크립트가 기본적으로 가지고 있는 객체들 Date 객체 - 함수 date.now() 기준 시간으로부터 지금까지 지난 밀리초 date.getFullYear() 년도 date.getDate() 초기화 한 시간의 일 date.getDay() 현재 요일의 index date.getTimes() 내가 기준으로 잡은 시간이 기준 시간으로부터 얼마나 지났는지 밀리초 date.getHours() 현재 시간 (시) date.getMinutes() 현재 시간 (분) date.getSeconds() 현재 시간 (초) Math 객체 - 함수 Math.PI() π Math.E() e Math.min() 최솟값 Math.max() 최댓값 Math.random() 랜덤한 수를 추출 Ma.. 이전 1 2 다음
