위클리 페이퍼 (7) 썸네일형 리스트형 HTTP 메소드 HTTP(HyperText Transfer Protocol)는 클라이언트와 서버 간에 데이터를 주고받는 데 사용되는 프로토콜이다. HTTP 메소드는 클라이언트가 서버에 요청을 보낼 때 수행하고자 하는 동작을 지정한다. 가장 널리 사용되는 HTTP 메소드에는 다음과 같은 것들이 있다 GET: 서버로부터 정보를 요청. 주로 데이터를 요청하고 가져올 때 사용. 예를 들어, 브라우저에서 웹 페이지를 요청할 때 GET 메소드를 사용. POST: 서버에 새로운 데이터를 제출. 주로 데이터를 생성하거나 서버에 정보를 전송할 때 사용. 예를 들어, 로그인 정보를 전송하거나 새로운 블로그 글을 작성할 때 POST 메소드를 사용할 수 있다. PUT: 서버에 데이터를 저장하거나 업데이트. 보통 특정 리소스를 생성하거나 업데.. 6. JavaScript에서 얕은 복사와 깊은 복사 자바스크립트에서 객체는 참조 변수로써 데이터의 주소를 공유하게 된다. 예를 들어, const obj1 = { property1 : '내용', property2 : { innerProperty1 : '내용' } } 라는 객체가 있을 때 const obj2 = obj1; obj2를 위와 같이 할당하였을 때 obj2의 프로퍼티를 수정하게 되면 obj1의 프로퍼티가 같이 수정되게 된다. 위와 같은 상황을 방지하기 위해 객체를 복사할 때 for문을 사용하거나 const obj2 = Object.assign({}, obj1); 와 같은 메소드를 사용해야 한다. 하지만 객체 안에 배열이나 객체가 또 있게 된다면 그 배열과 객체 자체로 공유되기에 얕은 복사가 이루어진다. 내부의 객체나 배열을 복사하기 위한 깊은 복사를.. 5. 자바스크립트 ==과 ===의 차이 ==와 ===는 비교 연산자이다. 예를 들어 console.log(10 == '10'); console.log(10 === '10'); 명령을 실행하면 각 항을 비교하여 true, fasle 불린 값으로 반환하게 되는데 각 코드의 결과는 true false 가 출력될 것이다. == 동등 연산자 == 연산자는 값을 비교할 때 자동으로 형 변환을 수행한다. 위 코드의 경우 10과 '10'은 숫자와 문자열인데 서로 다른 데이터 유형이지만, ==은 값을 비교할 때 자동으로 숫자로 변환하여 비교하기 때문에 true가 나온것이다. === 일치 연산자 === 연산자는 값과 데이터 유형을 비교한다. 위 예문의 경우는 자료형이 다르기 때문에 false가 나온것이다. 엄격한 자료검사를 위해서 === 사용이 권장된다. 4. git flow 브랜치 전략 Git-flow는Vincent Driessen 의해 널리 퍼지기 시작했고 현재는 Git으로 개발할 때 사용되는 방법론이다. git-flow에서 사용하는 브랜치는 5가지가 있다. 항상 유지되는 브랜치인 1. main branch 2. develop branch 일정 기간 동안 유지되는 3. feature branch 4. release branch 5. hotfix branch 가 있다. 1. main branch - 제품의 안정적인 버전을 나타내며, 프로덕션 환경에 배포될 수 있는 상태여야 한다. 2. develop branch - 다음 릴리스를 위한 개발을 진행하는 브랜치. 새로운 기능이나 버그 수정이 개발되고 테스트하는 브랜치이다. 3. feature branch - 개별 기능 또는 작업을 위한 브랜.. 3. merge의 종류 merge의 종류는 크게 두 가지로 나눌 수 있다. fast-forward merge와 3-way merge이다. 1. fast-forward merge - 두 브랜치의 히스토리가 선형적으로 연결되며, 머지 대상인 자손 브랜치의 커밋 이력이 조상 브랜치의 커밋 이력을 모두 포함하는 경우이다. 같은 선상에서 위치 이동만 있기에 머지를 해도 새로운 커밋이 발생하지 않는다. 2. 3-way merge - 머지 할 두 브랜치가 분기, 자기 자신, 머지할 대상을 기준으로 머지를 실행한다. 두 브랜치의 내용이 합쳐지게 되며 하나의 커밋을 생성한다. 이때 파일의 내용에 따라, conflict가 발생할 수 있으며, 이를 해결 한 후에 작업을 진행한다. 2. position의 속성들과 각각의 특징 - static은 기본값이며 요소가 원래 있어야 할 위치에 배치시킨다. - relative는 원래 있어야 할 위치를 기준으로 위치를 조절할 수 있다. 자리를 움직여도 다른 요소는 위치에 영향을 받지 않는다. - absolute는 가장 가까이 포지셔닝 된 조상 요소를 기준으로 위치를 조절할 수 있다. absolute가 적용이 되면 기존 차지했던 영역을 잃어버려 다른 요소가 그 자리를 채울 수 있다. 영역을 잃게되면서 크기도 잃게된다. - fixed는 브라우저 화면을 기준으로 위치를 고정시킨다. absolute와 마찬가지로 기존의 영역을 잃어버리게된다. - sticky는 브라우저 화면을 기준으로 사용자가 설정한 위치에 도달하게 되면 그곳에 고정이 된다. 자신의 영역을 차지하고 있으며 자신의 부모요소가 화면에.. 1. CSS에서 Cascading이란? CSS는 Cascading Style Sheet의 약자로, 직역하자면 계단식 스타일 시트이다. CSS에서 Cascading은 CSS의 규칙의 순서가 중요하다는 것을 의미한다. 같은 요소를 꾸미는 CSS규칙의 우선순위가 같다면 가장 마지막에 작성된 CSS규칙이 적용된다. 우선 순위에는 여러가지 규칙이 있으며, 대표적으로 선택자가 얼마나 구체적인지 따지는 명시도에 의하여 선택이 된다. 예를 들면 요소의 선택자가 id는 100, class는 10, 태그는 1의 명시도를 가지고, 이를 합산하여 계산한다. 또한 상속이라는 개념이 있으며, 자식 요소는 부모 요소의 스타일을 상속받게 된다. 모든 속성을 상속받지는 않고 대표적으로 font 관련 속성 등이 있다. 이전 1 다음