본문 바로가기

분류 전체보기186

[TIL] 유데미X사람인 취업 부트캠프 6일차 / 반응형 웹 제작, 유닛과 미디어 쿼리 [1. 오늘 배운 것] 1. 반응형 웹 기반 준비 -html 더보기 WebFood Browse Meals Browse Meals Browse Our Delicious Meals Risotto with Tiger Prawns Add to cart Cheese burgers Add to cart - css 더보기 body { font-family: "Open Sans", sans-serif; margin: 0; background-color: rgb(44, 41, 38); } a { text-decoration: none; } #main-header { height: 80px; display: flex; justify-content: space-between; align-items: center; backg.. 2023. 12. 20.
git의 충돌과 병합 + 병합 방법 1. 충돌 - 같은 파일의 같은 라인을 다르게 수정한 서로 다른 브랜치를 병합할 때 발생한다 - 같은 위치의 코드를 동시에 수정하면 발생! 예시) 같은 라인의 코드를 서로 다른 브랜치가 각각 다른 내용으로 수정하고 커밋하는 경우 1. branch : sd1 2. branch : sd2 branch sd1과 branch sd2를 병합하려 한다 결과 같은 파일의 같은 위치에 서로 다른 코드를 작성했기 때문에 오류가 발생한다. 수정한 두 개의 코드 중 어떤 것을 적용할지 선택해야 한다 +병합 편집기에서 보는 화면 2. 병합 취소하기 방금 전의 병합을 취소하려면 --abort옵션을 실행한다. git merge --abort 3. 충돌 해결하기 - branch sd1을 기준으로 하고, branch sd2를 bra.. 2023. 12. 20.
[TIL] 유데미X사람인 취업 부트캠프 5일차 / css grid, UTF-8 유니코드 [1. 오늘 배운 것] 1. %단위 작업 - width: n%; => 부모 너비의 n%를 사용 (반응형) - height: n%; => 부모 높이의 n%를 사용 (반응형) 2. 상단 탐색 모음 완료하기 - css header a{ color:rgb(255, 251,0); text-decoration: none; font-size: 20px; padding: 12px; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-sizing:border-box; } header a:hover{ color:rgb(77, 77, 77); background-color: rgb(255, 251, 0); } - 결과 3. highlight섹션 만들기 - html에서 strong으로 두꺼운 글.. 2023. 12. 19.
[TIL] 유데미X사람인 부트캠프 4일차 / 깃 브랜치, css flexbox [1. 오늘 배운 것] 1. 브랜치 병합, 병합 충돌 수정 이해하기 - git branch : 브랜치 목록을 보여주는 명령어 - git branch -m 수정할_브랜치의_수정된_브랜치명 : 브랜치명을 수정 - git checkout 이동할_브랜치명 : 다른 브랜치로 바꾸기 - git checkout -b 생성할_브랜치명 : 브랜치를 생성하고, 그 브랜치로 위치를 바꾸는 명령어 - git merge 브랜치명 : 현재의 브랜치에 다른 브랜치를 합치는 명령어 - git log : 깃 로그 확인 - git add : 깃 커밋 전 커밋할 부분에 추가 - git commit -m : 깃 커밋과 커밋메세지 2. 브랜치&커밋 삭제, 단계적 &비단계적 되돌리기 - git branch -d 삭제할_브랜치명 : 브랜치 삭제.. 2023. 12. 18.
Git branch, IntelliJ에서 CLI로 사용하는법 목차 1. Git Branch란 2. 간단한 조작법 3. intellij에서 사용하기 4. 충돌 해결 [1. Git Branch란] 1. 개념 - 기존의 코드를 복사하여 독립된 공간에서 다른 코드를 짤 수 있는 공간 - 기본이 되는 브랜치는 master - 새 브랜치를 생성 후 코드를 작성하고 다른 브랜치에 병합(merge)하거나 삭제할수도 있음 - 기존의 코드를 다르게 바꿀 수 있는 연습장 개념 2. 조작하는 방법 - GUI 조작법 : 깃크라켄, 깃 데스크탑 등등 - CLI 조작법 : 각 환경의 터미널에서 사용 가능 - 통합개발환경 : Git을 조작할 수 있는 환경 제공 [2. CLI 기반 간단한 조작법] - 터미널에서 조작 - 브랜치 목록 확인 : git branch (*q를 눌러 원래 화면으로 돌아.. 2023. 12. 15.
[TIL] 유데미x사람인 취업 부트캠프 3일차 / 웹 제작과 호스팅, 깃 명령어 [1. 오늘 배운 것] 1. 실습으로 웹페이지를 하나 만들었다 2. 새로운 html 요소 - : 글자를 더 두껍게 하고 소리 톤을 바꾸어 전달 (강조) - : 소리 톤을 바꾸어 전달 (강조) - : 으로 부분을 나눠 편하게 코드를 볼 수 있다 3. 호스팅과 배포 - 호스팅 : 원격 컴퓨터라는 서버에서 해당 웹사이트의 코드를 저장하고 방문객에세 제공 - 배포: 웹사이트를 취급하는 것, 서버, 방문자에게 코드 제공 4. 웹 사이트 호스팅하기 (Netlify) - Netlify Drop으로 들어가서 파일을 업로드한다 - 그럼 끝이다 (...) - 가입하면 도메인을 구매할 수 있는데, 업데이트가 가능해진다 5. 상대경로&절대경로 - 경로를 설정할 때 상대경로로 지정하는 것보다 절대경로를 사용하는 것이 나을 수 .. 2023. 12. 15.

티스토리툴바