루체

생활코딩에서 배웠던 내용을 기반으로 해서 기업 홈페이지 온라인 문의 같은 것을 간단하게 만들어 보려고 한다. 대부분의 기업 홈페이지에서는 온라인 문의를 게시판 형식으로 만드는 것이 아니라 작성자와 이메일 같은 것을 입력을 해서 문의하기를 누르면 어디론가 전송이 되는 형식으로 되어있다. 따라서 저도 그런식으로 우선 만들어 본 다음에 게시판 형식으로 만들 필요를 느끼게 된다면 그 부분을 따로 공부를 하려고 한다. 우선적으로 해야할 것은 온라인으로 문의를 한 글들을 저장해야할 곳이 필요하다. 따라서 mysql에서 그와 관련된 데이터베이스를 하나 새롭게 생성을 해줘야 한다. 데이터베이스를 새로 만들었기 때문에 테이블이 없다. 따라서 테이블도 새로 만들어줘야 한다. 온라인 문의에서 필요하다고 생각이 드는 것은 이..

현재 홈페이지에 이미지 slide가 몇 초뒤에 넘어가는 자동으로 넘어가는 것과 label을 선택했을 때 해당하는 이미지로 넘어가게 하는 것을 JavaScript로 혼자 이것저것 해보았다. 내 생각으론 label의 for값을 이용해서 이미지의 margin-left를 옮기는 것을 할 수 있을 것 이라고 생각했는데 그것이 아니였다.. 일단 Label의 for값을 가져오는 것에 대한 글이 별로 없어보여서 내가 알아낸 것이라도 써놓으려고 한다 인터넷 상에서는 htmlFor값을 쓰라고 하던데 VSCode를 이용해서 써보려고 했더니 내가 뭘 잘못했는지.. 아님 사라진건지.. 잘 되지않았다.. 그래서 이것저것 뒤적거리다 겨우 발견했다. document뒤에서 label을 가져오는 것은 각각의 코드마다 다르지만 내 코드에..

이부분은 우선 결과와 코드를 캡쳐해서 올리고 코드를 왜 이렇게 썼는지 쓰는게 나을 것 같다.. 뭐라 설명하기가 어렵다.. 제품 소개 완속 급속 휴대용 .section_product_wrap{ border: 1px solid black; position : absolute; width : 60%; display : grid; grid-template-columns: 1fr 1fr 1fr; } .section_product{ border: 1px solid black; width : 100%; text-align : center; position : relative; } 코드를 짜면서 든 생각은 div 태그의 사용을 조금은 줄여야 하지 않나 라는 생각이 들었다. 왜냐면 HTML에서는 단락을 나누는 태그, 이..

이번 글에서는 홈페이지 하단의 주소와 Designed by 누구누구 이런 것을 만들어봅시다! 홈페이지 Layout을 어떤것을 만들어야 할지 잘 모르시면 W3CSchool에 들어가시면 CSS Layout이 있습니다! 아래 링크에요! https://www.w3schools.com/css/css_website_layout.asp CSS Website Layout CSS Website Layout Website Layout A website is often divided into headers, menus, content and a footer: There are tons of different layout designs to choose from. However, the structure above, is o..

일반적으로 p 태그나 div 태그, ul안에서 li 태그를 써도 다 Vertical로 생성이 되게 된다. 물론 그게 필요하면 그냥 그대로 사용을 하면 되지만 나는 Horizontal로 생성을 해야 하는 상황이라 이것저것 다 찾아봤다. CSS List Horizontal | CSS 리스트 가로 등등 이것저것 검색을 하는 도중에 navigation bar라는 것이 존재한다는 것을 알게 되었다. 이것과 grid를 적절하게 섞는다면 내가 원하는 모습이 어느정도 나오지는 않을까? 라는 생각으로 적용을 시켜보았다. 우선 회사 로고가 될만한 이미지를 홈페이지에 넣어주자 나는 로고가 없어서 그냥 그림판에다가 대충 그려서 넣어놨다. 물론 이건 내가 로고의 위치를 옮겨놓은 결과물이고 그냥 넣기만 하면 left = 0 to..