일본IT외노자생활

Angular 개념 정리 프로퍼티 바인딩 [] 사용 이벤트 바인딩 () 사용 (click)등 양뱡향 데이터 바인딩 사용시 [()] 사용 컴포넌트도 일종의 DOM 커스텀 디렉티브는 템플릿이 없을 수도 있다. Typescript는 브라우저에서 실행 못한다. bundle이 사용된다. javascript는 sourcemaps을 지원 index.html 페이지 하나로 해결 로딩 순서는 index.html -> main.ts -> app.moudle.ts -> app.component.ts -> app.component.html 데코레이터는 class에서만 사용가능 한 것이 아니다. 속성 앞에 @Input(), @Output을 해줘야만 다른 컴포넌트에서 바인딩이 가능하다. @Input('별칭')으로 바인딩 별칭 설..

.main { margin: 20px; padding: 20px; border-radius: 5px; background-color: #f567ae; h1 { color:#f8f8f8; font-size:34px; } p { color:#efefef; font-size:16px; } } main 안에 중첩해서 작성 .button { display: inline-block; padding: 8px 24px; color: white; opacity: 0.8; border-radius: 4px; background-color: #f778b8; cursor: pointer; box-shadow: 0 5px #e04893; &:hover{ opacity: 1; } &:active{ position: relativ..

sudo npm install -g @angular/cli@latest # mac인 경우 npm install -g @angular/cli@latest # windows인 경우 앵귤러 cli 다운 ng new 프로젝트이름 --no-strict 프로젝트 생성 ng g c 컴포넌트이름 컴포넌트 생성 ng g c 컴포넌트이름 --skip-tests true 테스트파일 빼고 컴포넌트 생성 ng serve 로컬서버 기동 Could not find an NgModule. Use the '--skip-import' option to skip importing in NgModule. 에러 발생시 ng g c 컴포넌트이름 --skip-import moudle이 없을때 moudle import를 생략하고 생성 npm in..

add()와 add는 다르다 add()는 스크립트를 읽어갈때 즉시 실행이되지만 add는 특정 상황이 만족되었을때 실행한다. 형변환은 parseInt 등으로 사용 .toString()은 숫자를 문자로 형변환 undefined은 초기화 되지 않은 변수의 기본값(데이터 타입) null 데이터가 없음, 사용자 값을 초기화 하고 새로운 값 넣고 싶을때 많이 사용 nan은 숫자가 아니라는 의미, 계산의 결과과 유효하지 않음 배열에 추가할땐 .push() 사용 object는 키,쌍으로 묶임 defer 스크립트 다운로드는 먼저 하지만 html 구문 분석이 끝난 다음 실행하게 하는 것 async 스크립트를 다운하고 바로 실행 삼항 연산자는 간단하고 값을 할당할때 if 대신 사용 for loop 기본적인 for 문 for..

git master로 push 했을때 main에 push 반영 안될 때 "main and master are entirely different commit histories." "There isn't anything to compare. Nothing to compare, branches are entirely different commit histories" git checkout master git branch main master -f git checkout main git push origin main -f git add 하려 했을때 오류 warning: LF will be replaced by CRLF in portfolio/static/css/styles.css. The file will ha..

XSS(Cross-site Scripting) SQL injection과 함께 웹 상에서 가장 기초적인 취약점 공격 방법의 일종으로, 악의적인 사용자가 공격하려는 사이트에 스크립트를 넣는 기법 공격에 성공하면 사이트에 접속한 사용자는 삽입된 코드를 실행하게 되며, 보통 의도치 않은 행동을 수행시키거나 쿠키나 세션 토큰 등의 민감한 정보를 탈취한다. XSS 공격 방식으로는 쿠키 스니핑(Cookie Sniffing), 스크립트 암호화 및 우회, 악성 스크립트 유포, 키 로거(Key Logger), 마우스 스니퍼(Mouse Sniffer), 거짓 정보 추가 등이 있습니다. XSS 공격은 주로 스크립트 언어와 취약한 코드를 대상으로 합니다. 주요 XSS 공격의 세 가지 유형은 다음과 같습니다. 1. Reflec..

개념 개방형 시스템 상호 연결 모델의 표준 TCP/IP는 OSI 참조 모델을 기반으로 상업적이고 실무적으로 이용될 수 있도록 단순화한 것 탄생 배경 초기 여러 정보 통신 업체 장비들은 자신의 업체 장비들끼리만 연결이 되어 호환성이 없었음 모든 시스템들의 상호 연결에 있어 문제없도록 표준을 정한것이 OSI 7계층 물리계층(Physical Layer) 7계층 중 최하위 계층. 주로 전기적, 기계적, 기능적인 특성을 이용해 데이터를 전송. 데이터는 0과 1의 비트열, 즉 On, Off의 전기적 신호 상태로 이루어져 해당 계층은 단지 데이터를 전달. 단지 데이터 전달의 역할을 할 뿐이라 알고리즘, 오류제어 기능이 없음 장비로는 케이블, 리피터, 허브가 있음 데이터링크 계층(Data-Link Layer) 물리적인..

https://dribbble.com/ Dribbble - Discover the World’s Top Designers & Creative Professionals Dual-tier sidebar navigation — Untitled UI dribbble.com https://mycolor.space/ ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice Color Palettes mycolor.space https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient ge..