emluy 개발 일기

버튼을 누르거나 손으로 넘겼을 때 넘겨지는 slider 구현 https://m.blog.naver.com/PostView.nhn?blogId=psj9102&logNo=221172034243&proxyReferer=https:%2F%2Fwww.google.com%2F Javascript : slider 애니메이션 기능 어렵지 않은걸 어렵게 만들었다... 안녕하십니까. NoDe 입니다. 이번에 할건 slider 기능입니다. 온리 단순 클라이언트에서만 사용하는겁니... blog.naver.com https://www.youtube.com/watch?v=wy3JAnKAL-E * bootstrap 이용 : carousel https://getbootstrap.com/docs/4.0/components/carous..

반응형 웹 만들 때 중요 concept 1) 보이는 큼직한 layout 잡기 (div태그로 박스 잡기) 2) 큼직한 박스 안에 있는 요소들의 width는 대부분 calc()나 퍼센트나 auto로 처리 3) window 줄어들 때 이 이상 줄어들지 마라 하는 최소 넓이, 높이 지정해주기! (min-width 속성) window 늘어날 때 이 이상 늘어나지 마라 하는 최대 넓이, 높이 지정해주기! (max-width 속성) 4) display: flex 이용 5) 비율유지하면서 줄어들게 할 때는 padding-bottom 값 이용! 1. layout 잡을 때 flex 이용하기 div태그를 정렬할 때 아주 유용한 flexbox! https://heropy.blog/2018/11/24/css-flexible-b..

1. 했던 방식 - table 3개로 작성 table1 : 사진이 포함된 행 table2 : 주소 행 ~ 가족 관계 행 table3 : 년 원 일, 학력및경력사항 ,기관및장소 ~ 맨 밑 2. 알게된 것 - -(style태그 안의 속성)letter-spacing: 10px; 띄어쓰기 표현 -(style태그 안의 속성)font-weight:bold; 글자 굵게 - table 3개 작성한 것들의 width 맞추고 싶을 때 1) 정확하게 전체 모든 칸들의 width 처음부터 알고 숫자로 정확히 입력 2) 모를 때는 전체를 div태그로 감싸고 div태그에 width를 줘서 div태그 안의 table들의 width가 한계를 넘지 못하도록 함 3. 기억해야 하는 것 - 큰 칸을 기준으로 width 조절하면 안됨 , ..

1. 알게된 것 - rowspan , colspan ex) 가로로 5칸 합치기 - table 태그 속성 ex) 칸 안의 공간 넓히기 : cellpadding, 칸 끼리의 공간 넓히기 : cellspacing - 2. 기억해야 할 것 -처음에 합쳐지기 전의 표를 먼저 작성 후 rowspan과 colspan 해주기 -rowspan, colspan후 합쳐지는 칸 지워주기 -head에 적었던 style 태그 안의 내용보다 body에서 스타일 주려고 하는 태그에 직접 적은 style이 적용 우선순위 높음.

1. 알게된 것 - margin: 0 auto ; 가운데 정렬됨 - height:auto; 글자 썼을 때 글자 높이만큼만 높이가 할당됨 2. 기억해야 하는 것 - 한 네모(회사 한 종류)를 먼저 완성하려고 하지 말고 전체 틀 먼저 다 잡은 후 (4개 큰 네모 먼저 div로 한 후) 세부적인 것 맞출 것 - 처음부터 디테일에 신경쓰지 말자!

1. html 2. css - 마우스 올렸을 때 :hover 붙은 애가 보여짐

1. jquery 는 library 이므로 홈페이지에서 가져와야함 2. Html 작성 여기는 경쟁사 분석 이름 : 번호 이름 생년월일 학과 학번 1 박경두 1991.09.07 경영정보학과 2000290031 2 김동규 1991.07.07 경영학과 2000290032 3. css 작성 #select {width: 960px; margin: 0 auto;} #select #input-form {text-align: center;} #user-table {margin: 0 auto; text-align: center;} #input-form {margin-top: 10px; margin-bottom: 10px;} #user-table {border-collapse: collapse;} #user-table >..

0. css 파일 따로 만들어줌 *겪은 오류 : 이미지가 계속 안뜸 1. 배경을 이미지 파일로 하기 1-1. 다음과 같이 입력 ex) static(최상위에 있는 폴더임