sharingStorage

git이란? - 형상 관리 도구 중 하나 - 버전 관리 시스템이라고도 한다. - Git은 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있게 해주는 무료 공개 소프트웨어 git의 요소 git은 원격저장소(remote repository)까지 포함하여 크게 4가지 요소로 나눌 수 있다. 1. Working Directory 2. Staging Area 3. Local Repository 4. Remote Repository Working Deirectory 이것은 로컬환경에서 작업하는 파일들이라고 생각하면 될 것 같다. .git폴더는 git init명령어를 실행했기때문에 나타난 것이다. 저장소의 어느 한 시점을 바라보는 작업자의 현재 시점이다. Staging Area(Index)..

git init 현재 폴더에 숨겨진 .git파일을 만들어 git에서 폴더를 관리할 수 있게 함. 새로운 local repository생성 git add . 파일의 상태를 untracked에서 staged로 바꿔줌 commit하기 전 대기단계 파일을 storage에 추가 git commit -m "커밋메세지" staged 상태의 파일을 커밋한다. 파일은 unmodified상태가 된다. storage에 있는 파일(add한 파일)을 local repogitory에 저장 git push 원격 저장소(github 등)에 저장하기 위해 로컬저장소의 변경이력을 원격 저장소에 업로드. 로컬 저장소와 원격저장소의 파일이 동일한 상태가 됨 git pull 로컬저장소를 원격 저장소에 맞춰 갱신한다. git merge [브랜..

git push 명령어 사용시 error발생 error code:fatal: You are not currently on a branch.To push the history leading to the current (detached HEAD)state now, use git push origin HEAD:  원인 : 현재 상태가 브랜치에 있는 것이 아니라 옛날의 한 시점의 스냅샷을 보고 있다.  해결 : git push origin HEAD: master 명령어 사용                                                                                             git push origin HEAD: master​- ! [rejecte..

git add . 명령어 사용시 발생한 error errorcode: warning: LF will be replaced by CRLF in src/components/Popup.svelte (in 이하 폴더위치) The file will have its original line endings in your working directory 원인 : Unix 시스템에서 줄의 끝은 줄바꿈(LF)로 표시되는데 window시스템에서 줄은 캐리지 리턴(CR)과 줄바꿈(LF)로 표현되므로 CRLF이다. 따라서 Unix 시스템에서 업로드된 git에서 코드를 받으면 LF만 있다. 해결 : Window시스템에서만 작업하는 단일 개발자이고 git이 자동으로 LF를 CRLF로 바꾸는 것에 신경쓰지 않는다면 git confi..

CSS의 position 속성은 문서상에 요소를 배치하는 방법을 지정합니다. static : 모든 태그들은 default값이 static이다. 태그들은 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. relative: static에서 위치를 살짝 변경하고 싶을 때 사용 top, bottom, left, right 속성을 사용해 위치 조절 가능. static일 때를 기준으로 태그들이 움직임. 같은 position이면 나중에 나온 태그가 위에 배치된다. z-index는 겹칠 때 어떤 태그가 위로 올라갈지 정한다. absolute: absolute는 position:static 속성을 가지고 있지 않은 조상을 기준으로 움직임. 만약 조상 중에 포지션이 relative, absolute, fixed인 태그가 없으면 b..

Angular Directive Angular에는 DOM모양이나 동작을 지시하기 위한 명령인 Directive가 있다. HTML에 Angular가 간섭할 부분을 표시한다고 이해하면 쉽습니다. 앵귤러의 Directive에는 -Component Directive : 템플릿과 함께 사용하는 디렉티브 같이 selector가 app-root인 app.component를 표출해달라는 뜻 -Attribute Directive : element나 component, 또다른 directive의 모양을 변경시키는 디렉티브 -Structure Directive : DOM element를 더하거나 빼서 DOM을 변화시키는 디렉티브. ngIf, ngFor, ngSwitch등이 있다. -Costomer Directive : 사용..

@NgModule NgModule이란 @NgModule 데코레이터가 지정된 클래스이며 이것은 모듈에 있는 컴포넌트 템플릿이 어떻게 컴파일 되는지 인젝터를 어떻게 생성할지 등을 설정한다. angular 애플리케이션이 모두 하나 이상 가지고 있으며 Angular 프레임워크가 제공하는 기능을 불러와서 사용할 수 있게 하는 것들을 말한다. Angular 프로젝트에서 app.module.ts는 Component를 관리해주는 역할을 한다고 볼 수 있다. declarations - 이 모듈에서 사용 가능한 뷰 클래스를 정의한다. angular에서는 component, directive, pipe 세 종류가 존재한다. 모듈에 선언된 구성요소는 모듈 내에서만 사용가능 exports - 다른 모듈이나 컴포넌트에서 접근할 ..

이번에는 Angular의 생명주기 훅을 다뤄보려고한다. 생명주기 훅은 constructor와 비슷한 역할을 한다. consturctor는 angular의 기능이 아니라 클래스 자체의 기능(자바스크립트 엔진)이여서 constructor가 호출되는 시점에는 Angular의 제어의 바깥에 있다. 따라서 앵귤러가 컴포넌트를 초기화 했는지 알기에는 적합하지 않다. 생명주기 훅을 만든 후 Angular는 컴포넌트가 생성된 후에 설정을 마무리하기 위한 메소드를 한차례 실행할 수 있게 되었다. ngOnInit 앵굴러가 컴포넌트 초기화를 완료했다는 점을 전달하기 위해 존재하며 바인딩한 값을 읽을 수 있다고 보장할 수 있는 상황에서 호출된다. constructor는 최소한으로 초기화해야한다. 일반적으로 컴포넌트는 가볍고 ..

부모 자식 디렉티브/컴포넌트끼리 데이터 공유하기 + @Input(), @Output 구조 알아보기. 이런 구조가 있다고하면 parent-component는 child-component의 컨텍스트를 제공하는 역할을 한다. @Input(), @Output() 데코레이터를 활용하면 자식컴포넌트가 부모 컴포넌트와 통신할 수 있다. input은 부모컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 output은 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달할 때 사용 @Input() import {Input} from '@angular/core'; Input 심볼을 로드해야한다. typescript 파일에서 html파일로 바인딩하려면 {{}} 이 문법 사용하면 되는데 ts파일끼리 데이터를 주고받으려면 데이터를 받..

HTTP HTTP는인터넷상에서 데이터를 주고 받기 위한 서버/클라이언트 모델을 따르는 프로토콜이다. 이때 HTTP요청에 포함되는 HTTP메소드는 서버가 요청을 수행하기 위해 해야할 행동을 표시하는 용도로 사용합니다. 애플리케이션 레벨의 프로토콜로 TCP/IP위에서 작동하며, 80포트를 사용합니다. 클라이언트가 서버에게 웹페이지를 보여달라는 것을 Request(요청)이라고 부르며 서버가 클라이언트에게 요청받은 것에 대한 대답으로 웹페이지를 표현하기 위해 html문서로 주는 것을 Response(응답)이라 부른다. - 프로토콜이란? 프로토콜은 통신규약으로 인터넷에서 데이터를 주고받을 수 있는 통신규약입니다. - 서버 클라이언트 모델이란? 서비스제공자와 서비스 요청자로 구분되는 네트워크 모델이다. 서비스 제공..