[웹페이지 #01] 2. <div>태그 여러 개로 소개글 그리기 (HTML, CSS)

1. CSS 코드 /*첫번째 구간*/ .top-layout { display: flex; justify-content: center; /*가운데오게*/ } .top { width: 900px; display: flex; justify-content: center; /*가운데오게*/ padding-bottom: 40px; } .face-img { height: 300px; width: 260px; margin: 30px auto; } .top-word { text-align: left; width: 800px; height: 330px; padding-top: 30px; padding-left: 20px; border-radius: 4px; flex-direction: column; } /*두번째 구간*/..

• format_list_bulleted CSS
• · 2023. 10. 6.
• textsms

[웹페이지 #01] 1.반응형 헤더 (HTML, CSS)

nav태그에 대해 인원1블로그주소 인원2블로그주소 인원3블로그주소 인원4블로그주소 현재 기온 : 태그 * 같은 페이지 / 다른 페이지 안에 다른 부분으로 이어주는 네비게이션 링크로 구성된 섹션 * 태그를 태그 안에 사용하는 것이 일반적 .navbar a { text-decoration: none; /*태그 밑줄긋기 효과 없애기*/ color : white; } .navbar { display: flex;/*아이템들 가로로 나란히 배치*/ justify-content: space-between;/*같은 중심축 기준: 아이템 사이에 공백 넣기*/ align-items: center; /*수직축 중간 배치*/ background-color: #8EACCD; /*배경 색상*/ padding: 8px 12px; ..

• format_list_bulleted CSS
• · 2023. 10. 6.
• textsms

Git , Github 개념 / Git 명령어 리스트 / 필수 리눅스 명령어 정리

1. Git이란? 하나의 폴더 내에서 코드의 변경점을 기록 2. Github란? 온라인 저장소에 백업 / 코드 공유로 협업 가능 3. Git 명령어 리스트 1. git init 2. git add / git add . (저장할 파일 지정) 3. git commit -m "기록" (실제로 저장) 4. git status 5. git log (커밋 로그 확인 / 빠져나올때는 q 입력) 6. git push 7. git clone (git clone .) 8. git pull 4. 필수 리눅스 명령어 정리 1. pwd (print working directory) : 현재 작업 폴더 보여줘 2. ls (list) : 현재 위치의 모든 파일 및 폴더 리스트 보여줘 3. ls -a : 숨겨진 폴더도 보여줘 (-:..

• format_list_bulleted Git
• · 2023. 10. 5.
• textsms

[Git] Github 팀 프로젝트 공유 방법 / The authenticity of host ~ can't be established 오류 해결 방법

** visual studio > 우클릭 (Format Document 클릭 > 확장자:prettier 받기 ) : 코드 깔끔하게 보기 가능 1. Github 팀 프로젝트 공유 방법 (VS code) *소스코드 복사하기 1.git clone 깃허브주소 폴더이름 (예시: git clone git@github.com:zerotonine2da/clonetest.git clone1) - 깃허브에서 소스코드(ssh) 복사 git@github.com:zerotonine2da/clonetest.git - 폴더이름 : 옵션임 ** cd clone1 : cd를통해서 clone1 폴더로 들어감 ** cd.. : 한 폴더 전으로 이동 ** code . : clone1 폴더가 생기면서 vs코드가 열림 (clone1을 위한 공..

• format_list_bulleted Git
• · 2023. 9. 26.
• textsms

[Git] 깃허브에 VS code 프로젝트 올리기 및 수정 / Git Remote origin already exits 에러 해결 방법

1. 작업한 파일 깃허브 올리기 [Github] 1. 프로젝트를 관리할 새 레파지토리 생성 (Create repository) :test 로 생성함 [visual studio code] 1. Terminal > new Terminal > 터미널 창에 입력 1) 맨 처음 올릴때(초기화) : git init (--> Initialized empty Git repository ~~~나옴) 2) 추가할 파일 : git add . (-->.점)은 전부라는 뜻임 git add (파일명:(예시)index.html) : 한개만 올리기 가능 3) git status : 상태확인 (보기용) --옵션 4) git commit -m "first commit" : 히스토리 만들어주기 (-m : message 줄임말 + 히스토리..

• format_list_bulleted Git
• · 2023. 9. 25.
• textsms

[Git] 윈도우 Git 설치 방법 & 초기 환경설정

1. 윈도우 Git 설치 방법 1) Git bah 설치 : https://git-scm.com/ Git git-scm.com 2) 컴퓨터 화면 창 [Download for Windows] 클릭 3) Click here to download 클릭 4) Git-2.42.0.2-64-bit.exe 실행 [**next만 누르면 됨: 추가로 체크하거나 변경한 부분 없음] * Windows Explorer integration (마우스 우클릭시 git bash / git GUI로 파일 열기 가능) * Git LSF (용량 큰 파일 지원) * Associate /git* configuration flies with the default text editor (.git파일을 기본 텍스트 편집기와 연결 가능) * Ass..

• format_list_bulleted Git
• · 2023. 9. 25.
• textsms