본문 바로가기

분류 전체보기

 (231)
Github 협업 정리(3) - Clone +설정하기 1. 최초 프로젝트를 가져오기위해 Clone을 한다 ( 이후에 Push ) 2. 팀원 IDE에서 Clone Git repository 클릭한다 3. 아래 순서대로 진행 4. 완료하면 아래와 같이 확인할 수 있다. 5. import project 클릭 6. 체크 확인 후 Finish 7.프로젝트가 가져와진다. 8. 처음 설정이 중요하기때문에 잘 해줘야한다 (설정 : project 클릭 --> Alt + Enter ) 9. Runtime 설정하기 10. 버전 맞춰주기 11.Web Project settings 12. (ignore하면 협업할때 버전달라도 문제 없다)
Github 협업 정리(2) - 팀원 초대하기 1. 생성한 Github Page로 접속한다 2. 팀원들 Push을 받을 수 있도록 설정 3.팀원을 초대한다. 4. 팀원 이메일로 초대메일이 발송된다 5. 팀원 이메일에서 수락을 한다. 6. 팀장 Github repository에서 이제 push가 가능하다는 알림을 확인할 수 있다. 7. Repository에 각 팀원별로 저장소를 만들어 준다. (방장 자신 포함)
Github 협업 정리(1) - master branch생성 1. 깃헙 레파지토리 생성 2. 레파지토리 url을 복사 3.생성한 프로젝트에 Share Project 4. 박스에 체크 후 Create Repository --> Finish 5.최초 버전을 만들기위해 Commit 6. git을 확인할 수 있다. 7. gitignore에서 무시할 파일 설정 --> 코드를 복사후 --> .gitignore에 붙어넣어 준다. /WebContent/META-INT/ commit massage 남기기 --> Commit 9. Remotes --> Create Remote 10. Configure push --> Create 11. Change 클릭 12. Save and Push 클릭 12.원격 master branch가 생성된다 13. Github에 가면 프로젝트가 올라간 ..
자주쓰는 VSCode 단축키 커멘드팔레트 F1 퀵오픈 Ctrl + p Toggle Sidebar Ctrl + B Keyboard Shortcuts Ctrl + K + S
em rem 정리 부모요소에 사이즈에 따라야한다면 % em 브라우저에 상이즈에 따라야 한다면 v* rem 요소의 너비와 높에 따라 사이즈가 변경되야 한다면 % v* 폰트 사이즈에 따라 변경되야 한다면 em rem rem을 쓸땐 부모컨테이너와 상관없이 페이지에 어떤박스안에서 사용해도 크기가 일정하게 고정 (font는 rem을 선호) em은 브라우저 위에서 쓸때랑 부모컨테이너 안에 쓸때라 크기가 달라진다 (부모요소에 따라 크기 변환) Em 변화값 사이트 http://pxtoem.com/ 폰트는 브라우저 안에 모두 같은 크기 유지 하기위해 rem Padding은 박스별로 크기가 달라지기위해 em Media에서도 max-width를 rem으로 바꿔주면 더 가독성좋은 반응형이 된다
Final team Project 진행과정 (05/18) 우리조는 그룹웨어 프로젝트를 진행하기로 하였고 전체적으로 어떤기능을 구현할지 정하고 구현할 기능을 각각 배분하였다 (공통) 회원가입 로그인 아이디·비번찾기 마이페이지 관리자모드(사원등록·조회·삭제,부서등록·조회·삭제,직급등록·조회·삭제) 사내메일(발송,수신,삭제,조회,수신자추가) 알림 일정(추가,조회,수정,삭제) 채팅(주소록이용한 1:1채팅) 공지게시판(조회,등록,삭제,댓글) To do-list 역할설정 투표하기 근태 조직도(상세보기/dm) ======================================== 강종성 : 프론트 + 근태 김상훈 : 관리자모드(사원등록·조회·삭제,부서등록·조회·삭제,직급등록·조회·삭제) 공지게시판(조회,등록,삭제,댓글) 손세라 : 사내메일(발송,수신,삭제,조회,수신자추가..
Responsive CSS Units (%, EM, REM) Units 대부분 px를 이용한다 (모니터에 나타낼 수 있는 가장 작은 단위) Px로 하면 글씨크기 조절이 안되지만 %로 하면 가능 Em 부모의 font사이즈에서 곱한값으로 계산된다 Rem (r = root) Root에 지정된 font사이즈에 따라서 크기가 결정 Vw (view Width ) Vh (view height ) % vw부모요소와 상관없이 크기조절
DreamCoding 엘리 - 프론트엔드 개발자 되기 입문편 (4) Vscode Plugin : HTML to css auto 정말 유용한것, html에 class를 css파일에서 알파벳하나만 쳐도 자동 완성 Emmet: https://emmet.io/ 반응형 웹디자인 (중요) @media를 이용해서 반응형웹을 만든다 보통 min-width로 만들 수 있다. Mozilla 반응형웹 예제 https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design Header만들기 Flex박스를 사용하여 만든다는걸 바로 알아차려야 한다. 아이콘 https://fontawesome.com/ VScode 한 줄(Line) 주석 토글하기 Ctrl+ /

티스토리툴바