본문 바로가기

전체 글

(134)
Project 3일차 - MBTI 설문 사이트 구현(2) 1) 3일차 1-1) css 1-2) js 1-3) to do & done 1) 3일차 1-1) css main.css * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } body { padding-top: 90px; } #wrap { width: 100%; } /* header */ #header_wrap { position: fixed; text-align: center; background-color: #fff; width: 100%; top: 0; left: 0; right: 0; } #header { display: flex; justify-content: space-between; align..
Project 3일차 - MBTI 설문 사이트 구현 1) 3일차 1-1) html 1) 2일차 1-1) html main.html 성격 유형 검사 성격 유형 연락처 한국어 16Personalities 검사가 너무 정확해 "살짝 소름이 돋을 정도예요"라고 성격 유형 검사를 마친 한 참여자는 말했습니다. 쉽고 간단하면서도 정확한 성격 유형 검사를 통해 당신이 누구이며, 왜 그러한 특정 행동 성향을 보이는지 확인하십시오. 검사 실시 다음 ©2011-2022 NERIS Analytics Limited Contact Testimonials Terms & Conditions Privacy Policy For Teams Disclaimer : All non-English versions of the website contain automated translations..
Project 2일차 - MBTI 설문 사이트 구현(2) 1) 2일차 1-1) css 1-2) js 1-3) to do & done 1) 2일차 1-1) css color.css * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } #wrap { width: 100%; } /* header */ #header { display: flex; position: relative; justify-content: space-between; align-items: center; padding: 0 30px; } #header > ul { display: flex; justify-content: center; } #header > ul > li { padding: 0 30..
Project 2일차 - MBTI 설문 사이트 구현 1) 2일차 1-1) html 1) 2일차 1-1) html survey1.html 성격 유형 검사 성격 유형 연락처 한국어 무료 성격유형검사 NERIS Type Explorer ® 총 검사 시간은 12분 내외입니다. 혹 질문이 마음에 들지 않더라도 정직하게 답변하십시오. 가능하면 답변 시 '중립'을 선택하지 마십시오. 주기적으로 새로운 친구를 만든다. 동의 비동의 자유 시간 중 상당 부분을 다양한 관심사를 탐구하는 데 할애한다. 동의 비동의 다른 사람이 울고 있는 모습을 보면 자신도 울고 싶어질 때가 많다. 동의 비동의 일이 잘못될 때를 대비해 여러 대비책을 세우는 편이다. 동의 비동의 압박감이 심한 환경에서도 평정심을 유지하는 편이다. 동의 비동의 파티나 행사에서 새로운 사람에게 먼저 자신을 소개하기..
Project 1일차 - MBTI 설문 사이트 구현 1) 1일차 1-1) index.html 1-2) color css 1-3) to do & done 1) 1일차 1-1) index.html(header, visual, contents, footer 영역) 성격 유형 검사 성격 유형 연락처 한국어 무료 성격유형검사 NERIS Type Explorer ® 총 검사 시간은 12분 내외입니다. 혹 질문이 마음에 들지 않더라도 정직하게 답변하십시오. 가능하면 답변 시 '중립'을 선택하지 마십시오. 주기적으로 새로운 친구를 만든다. 동의 비동의 자유 시간 중 상당 부분을 다양한 관심사를 탐구하는 데 할애한다. 동의 비동의 다른 사람이 울고 있는 모습을 보면 자신도 울고 싶어질 때가 많다. 동의 비동의 일이 잘못될 때를 대비해 여러 대비책을 세우는 편이다. 동의 ..
Javascript 기초(7) - 함수, 콜스택, 스코프 체인, this 1) Javascript 복습 1-1) 함수 선언과 호출 1-2) 콜스택 1-3) 스코프 체인 1-4) this 1-5) function(this binding) 1-6) function의 다양한 활용 1) Javascript 복습 1-1) 함수 선언과 호출 함수 선언과 호출의 차이를 이해하는 것이 중요하다!! 함수 선언문 function add(a, b) { return a + b; } add(1, 2); // 결과: 3 function calculator(func, a, b) { return func(a, b); } calculator(add, 1, 2); // 결과: 3 함수 표현식(arrow function) const add = (a, b) => a + b; const calculator = (..
git & github 기초(2) - github Pull Request, issues, Fork, github.io 1) github 1-1) Pull Request 1-2) issues 1-3) Fork 1-4) github.io 1) github 1-1) Pull Request 중요 point : 절대 main branch는 건들지 않는다!! (pull request 진행 순서) 프로젝트를 진행하는 과정에서 git 관리자(main 개발자)가 우선 본인의 local main branch에서 최초 commit(init commit)을 하나 생성(init commit은 예를 들어 최초 작업으로서 index.html을 생성하는 commit으로 보면 됨!!)한 뒤 이를 원격 저장소로 push한다! 그럼 github의 원격 저장소에는 main branch에 init commit이 하나 생성되어 있을 것이다! 이후 git 관리..
git & github 기초 - branch 합치기, github 기본원리 1) branch 합치기 1-1) merge 1-2) rebase 2) github 기본원리 2-1) token 넣기 2-2) 보내기 & 가져오기 +) 과거 commit 수정 3) git & github 실습 1) branch 합치기 branch를 합치는 방법은 크게 2가지가 있는데 바로 "merge"와 "rebase"이다!! 1-1) merge 기점(merge 실행 후 branch가 사라지지 않고 남아있는 branch)을 중심으로 commit이 하나 더 생겨 합쳐진다! * merge hell : merge가 너무 많아지면 git graph 상 commit과 branch 구조가 굉장히 복잡해진다!! merge의 장점 : 히스토리 추적이 가능하기에 어떤 상황인지 파악하기가 용이하다!! develop bra..