STUDY

CORS (Cross-Origin Resource Sharing) 개발단계에서 브라우저가 동일 출처 정책(Same origin policy)를 지켜서 다른 출처의 리소스 접근을 막아서 발생 API 연동 시 발생함 해별하려면 크롬의 보안 설정을 변경해야하는데 보안 우려가 있기 때문에 크롬 바로가기를 하나 만들고 거기서만 CORS 가 unblock 되도록 설정함. chrome://flags/#block-insecure-private-network-requests 에 들어가서 설정 disabled 또는 바로가기를 만들고 마우스 우클릭 > 속성 > 대상에서 --disable-web-security 추가하기 "C:\Program Files\Google\Chrome\Application\chrome.exe" --d..

git private organization 탈퇴 시 잔디가 싹 없어짐 해결 방법은 1. Overvier tab > Contribution Setting > private contributions 를 활성화 2. 기여한 리포지토리에서 starred 찍기 하면 탈퇴 후에도 잔디가 잘 뜬다고 한다 별을 안찍어서 그런가 일부 커밋만 표시된다 다음부턴 미리 별 찍기.. https://devsurimlee.tistory.com/49 [Github] 비공개 조직 탈퇴 후 잔디 유지하기 1. Overview > Contribution settings > Private contributions 활성화 2. 자신이 기여한 리포지토리에 스타를 찍는다. 비공개 조직 탈퇴 후 로그인 상태에서 확인해보면 기록이 잘 뜬다. 깃허..

1. 스프링 프로젝트를 잘 만든다 2. ec2 인스턴스를 만든다. ubuntu 말고 맨위의 linux(프리)로 만들어준다. ec2 인스턴스를 만들 때에는 오른쪽 위에서 반드시 지역을 확인한다. 원래 오하이오로 되어있었는데(몰랐음) 이것 때문인지 몰라도 gradle 빌드가 진행이 안된다 하도 안되다가 나중에 빌드해주는 gradle daemon이 갑자기 사라졌다고 에러뜸 얘가 자꾸 도망가서 며칠 날림 서울로 바꿔서 다시 인스턴스 만들고 빌드하니깐 순식간에 진행됨 보안은 이렇게 사용자 지정 TCP는 나중에 접속할 때 필요함 키페어는 잘 다운받고 putty 와 puttygen 을 다운받아서 ppk로 변환 후 ec2 에 접속한다. 처음 리눅스 접근 시 명령어 : ec2-user 참고-ec2 인스턴스 생성 [AWS..

React 를 사용하면 태그나 태그로 Font Awesome 자료를 사용할 수 없음(렌더링 안됨) 사용하려면 패키지부터 설치해야함 기본 패키지 설치 npm i @fortawesome/fontawesome-svg-core 일단 무료인 패키지 설치 solid regular brands npm i @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons font awesome 을 react 컴포넌트로 쓸 수 있게 해주는 패키지 설치 npm i @fortawesome/react-fontawesome import React from 'react'; import {Link} from '..

css에서 opacity 를 100%라고 적으면 이렇게 나와야하는데 크롬 브라우저에서 어느새 1%로 바뀌어져있다 포스터가 날아갔다. 1로 고쳐줘야 해결된다. 좀 기다려야됨 바로 적용 안됨 edge에선 제대로 잘보임 환장.. ⭐opacity 적을 때에는 처음부터 소수점으로 적자 +) 이미지가 안나올 때 폴더에 있는 이미지를 불러올 경우 제대로 안나와서 엑박이 뜨는 경우가 있다 ex) img 폴더의 background.jpg 불러오기 img src ="/img/background.jpg" 여기서 앞의 /를 빼주면 제대로 잘나온다 img src ="img/background.jpg" 이것도 엣지에선 잘 됨

외부 스타일 시트 가저오기 css상단에 html charset 과 같은 내용을 써줘야함 ; 안붙이면 적용안됨 @charset: "UTF-8"; p{ color: deeppink; } 사과사과사과 @import를 사용해서 불러올 수도 있음 사과사과사과 인라인 스타일은 우선순위가 높지만 유지보수가 힘들어서 거의 안쓴다고 함 초콜렛 선택자 표현할 대상이 되는 부분 h1 { color:red; } h1: 선택자 color : 속성 red: 속성값 color:red; : 선언 {color:red;} : 선언부 타입 선택자 id 선택자 id 선택자 적용 안됨 class 선택자 class 선택자 하위 선택자 하위 선택자 하위 선택자 (id 지정) 자식 선택자 자식의 자식 자식의 자식 자식 선택자 인접 선택자(그룹선택..

1. 그룹관련 요소 블록 레벨 요소 요소들을 그룹으로 정의해줌 -> css를 손쉽게 정의하기 위함 텍스트, 인라인, 블록 요소 포함 가능 를 쓰지 않았을 때 가나다라 abcd 2. 구조 관련 요소 HTML구조 요소 , , , , , ,

블록 레벨 요소 입력한 값들을 처리하는 프로그램으로 전달 텍스트, 인라인, 블록 요소 포함 블록 레벨 요소 양식 요소 그룹화 텍스트, 인라인, 블록 요소 포함 자식: 그룹화된 서식 제목 정의 서식에서 작성한 값을 처리하는 URL 지정 서식의 값들을 서버 프로그램에 전달하는 방법 정의 get, post 인라인 요소 데이터 값 입력 type속성에 따라 다양한 폼 컨트롤러 생성 공통으로 name, value 속성을 가짐 로그인 text: password: search: email: tel: color: number: range: radio(Y/N): checkbox: 1 2 3 submit: reset: button: image: file: hidden: 파일 선택 클릭시 여러줄 입력 가능한 텍스트 박스 중 ..

1. map 엑셀로 대충 만든 지도 이미지에 링크 걸기 map 태그를 사용하면 이미지 중 도형으로 구역을 설정해서 링크를 달 수 있다. 이미지 좌표는 그림판으로 간단하게 확인할 수 있다 A를 누르면 이동 2. text em 태그: 기울여짐(강조) strong 태그: 굵어짐(강조) b 태그: 굵어짐(의미없음) mark 태그: 노란 줄 small 태그: copyright sub 태그: 아래첨자 H2O sup 태그: 위첨자 100m2 3. ol, ul, li : 순서 목록 : 비순서 목록 (동그라미 나옴) => 둘다 자식으로 반드시 포함 대분류 1 소분류 1 소분류 2 소분류 3 대분류 2 소분류 1 소분류 2 소분류 3 대분류 3 소분류 1 소분류 2 소분류 3 4. dl : 설명 목록을 나타냄 : 설명할 ..

블록 레벨 요소 줄 바꿈이 있는 것 인라인 요소와 텍스트 요소를 자식으로 쓸 수 있음 ex) 어쩌고 같은 블록 요소라도 자식으로 사용할 수 있는 것이 있고 아닌 것이 있음 , , 태그 등이 있다. 인라인 요소 줄 바꿈이 없는 것 인라인 요소와 텍스트 요소만을 자식으로 쓸 수 있음 블록 레벨 요소는 자식으로 못 씀 html 5에는 좀더 복잡한 콘텐츠 모델이라는 것으로 대체되었음 HTML 5.2: 3. Semantics, structure, and APIs of HTML documents Every XML and HTML document in an HTML UA is represented by a Document object. [DOM41] The Document object’s URL is defined ..