728x90 새싹9 [SeSAC] CSS(박스 모델, 요소 조정) 박스 모델(Box Model)요소가 웹 페이지에서 차지하는 영역을 정의하는 방법이다.박스 모델은 4가지 요소가 있다.콘텐츠(content) : 실질적인 내용이 담겨있는 공간으로 텍스트나 이미지가 들어간다.제어 속성 : width {값}, height {값}패딩(padding) : 콘텐츠와 테두리 사이에 공간으로 요소의 내부 여백을 적용한다.제어 속성 : padding {값}테두리(border) : 패딩과 마진 사이의 위치하여 가장자리 부분을 감싼다제어 속성 : border {두께} {모양} {색상}마진(margin) : 요소의 외부(바깥) 공간으로 여백, 간격을 설정한다.제어 속성 : margin {값}box-sizingwidth와 height 에 padding과 border 포함할지 여부를 결정한다.b.. 2024. 10. 16. [SeSAC] CSS(선택자, 속성) CSS(Cascading Style Sheet, 스타일이 전이되는 문서). HTML를 보기좋게 꾸밀 때 사용된다.대표적인 디자인의 영역이다.선택자 tag, class, id는 필요에 따라 만들 수 있다.그러나 tag에 경우 이미 준비되어 기능이 있는 태그를 사용하는게 유리하다..(점)을 사용하면 클래스, #(샾)을 사용하여 선택한다. 포괄적이면서 넓은 범위일수록 구체적이면서 좁은 범위일수록 동일한 위치라면 아래(최신)에 있을수록 적용범위가 달라진다.스타일이 적용되는 우선순위가 있다는 의미이다.tag → class → id 순으로 구체적이다.중첩된 태그를 선택하는 방법이 있다.자식 선택자특정 부모 요소의 바로 아래 하위 요소 자식 요소 을 선택한다.자식 선택자는 > 를 사용해서 정의한.. 2024. 10. 16. [SeSAC] HTML HTML문서와 내용을 구조화하기 위해 사용되는 언어이다.HTML문서는 클라이언트 요청에 의해 서버에서 제공된다.브라우저는 문서를 렌더링하여 DOM 트리 생성 후 프린트(출력) 된다.이 DOM 트리는 JS를 통해 조작이 가능하다.TagHTML 요소의 기능과 역할을 부여한다.일반적으로 2가지 형태이다.내용닫는 태그와 여는 태그가 존재 할 경우 중첩하여 사용 가능id문서 내에서 중복없이 만들어지는 것을 권장한다.고유한 식별자를 부여하여 페이지 내에서 유일하게 구분하기 위함이다.class여러가지 태그에 동일한 스타일을 적용하기 위해 사용된다.사용방법여러 태그에 동일한 클래스 적용동일 태그에 여러 클래스 적용HTML 문서 구조 HTML 문서 전체를 감싸는 root 요소이다.스타일 시트, 스크립트, 메타 데이.. 2024. 10. 16. [SeSAC] Pull Request Git을 통한 merge는 본인의 컴퓨터에서 시행이 되어 다시한번 GitHub에 올려야만 다른사람들이 합쳐진 코드를 확인 할 수 있다. Pull Request는 GitHub에서 merge를 하여 한번에 관련 사람들에게 알려줄 수 있는 기능이다. GitHub에 Push하면 등장하는 화면이다 Create pull request 버튼을 클릭한다 PR(Pull Request) 내용을 작성한다.Create pull request를 클릭하면 요청이 생성된다오른편에 보이는 옵션으로 참여자, 프로젝트 등등을 선택할 수 있다. Merge pull request를 눌러 합칠 수 있다. 지금은 단 번에 merge 진행이 되지만 확인 인원 수를 지정하여 확인된 수가 맞을 때 합치기도 한다.Setting 탭에서 설정하게 된다... 2024. 10. 14. [SeSAC] Git 명령어 (나야, 깃허브) 어디서든 접근 가능한 저장공간이 필요할 때누군가에게 공유하기 위한 공간이 필요할 때 GitHub를 사용하면 된다.Git에서 제공하는 명령어를 통해 GitHub 에 데이터를 업로드, 다운로드 할 수 있다. git remote add {URL 별칭} {GitHub URL}Github의 Repository URL 주소를 별칭으로 사용git pull {URL 별칭} {GitHub 브랜치 이름}받을 브랜치를 지정하여 해당 GitHub에서 가져온다git push {URL 별칭} {GitHub 브랜치 이름}로컬에서 원격저장소로 업로드 할 때 사용git clone {GitHub URL} {프로젝트이름}GitHub Repository 프로젝트 복사타인과 소스를 공유할 때는 Pull을 먼저 진행 후 Push를 진행하는 편.. 2024. 10. 10. [SeSAC] Git 명령어 (근데 이제 linux를 곁들인) Git은 버전 관리 프로그램이다.저장(commit)을 하면 누적(log)되어 필요시 과거 시간의 코드를 확인(switch) 하기도 한다. 다른 갈래(branch)를 만들어 새로운 시도도 가능하고 여기저기 흩어져있는 갈래를 합치기(merge)도 한다. Github에서 다른 사람의 코드를 가져와(fork) 내 컴퓨터에 복사(clone)하여 기여(Pull Request)할 수도 있다. GUI를 통해 편리하게 이용하기도 하지만 CLI를 통한 기본적인 흐름을 이해한다면 Git의 활용도는 더욱 높아질 것이다. Git Bash는 Git과 관련한 명령어도 많지만 Linux 기반의 명령어도 같이 사용된다. 명령어 사용은 이해가 아닌 익숙함의 영역이니 많이 써봐야 한다. Linux Commandmkdir 이름MaKe DI.. 2024. 10. 8. 이전 1 2 다음
