![]()
미디어쿼리는 아직 반영을 못했다. 그러나 ! 미래의 내가 중구난방이라고 욕할지언정 menu 상단바를 완성했다. 저 멋없는 skyblue와 yellow 색상은 단지 각자의 영역을 표시하기 위한 수단일뿐, 절대 최종 색상이 아니다. Simple is best 하얀색으로 background-color를 다시 재정비 해줄 것이다. 아니 darkgray랑 gray랑 색상이 차이가 나는데 darkgray보다 gray가 색상이 더 진하게 표현된다. 뭐지? [기능 구현] 0. css 파일 쪼개기 기능 구현은 아니지만스리.. 쪼개고 싶었던 css 파일을 3개로 쪼갰다. animation.css / default.css / mainpage.css animation.css : 맨 상단 추가할 텍스트가 서서히 보여지는 효과를..
![]()
나.. 나도 검색창 옆에 돋보기 만들고 싶어 !!! 돋보기 아이콘 추가하고 싶어 !! search 창은 나름 간지나게 생성하였으나, 문제는 검색창 옆에 돋보기 아이콘을 추가하고 싶은 욕심이 생겼다는 것이다. 그 욕망을 실현시키기 위해 fontawesome 아이콘을 이용하겠다. 1. 해당 코드 영역에 삽입 html 파일 중 영역에 위의 코드를 삽입하자 2. fontawesome 사이트 접속 후 search 아이콘 페이지 접속 https://fontawesome.com/v4/icon/search fa-search: Font Awesome Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets y..
태그에는 링크를 직접 삽입할 수 있는 href 속성만 오면 되지, rel 속성은 또 뭐람? 라고 생각할 나같은 사람들을 위하여 태그는 링크를 정의할 수 있고, href 속성은 직접 링크의 주소를 삽입할 수 있다. 근데 보통 link 태그를 사용할 때 href 속성 앞에 오는 rel은 도대체 뭘까? 보통 이런 형식으로 쓰인다. rel 속성 : 현재 문서와 href의 주소와의 관계 설명 -> 반드시 명시되어야 하는 필수 속성 href의 링크가 무엇이냐에 따라서 rel에 들어갈 속성값이 달라진다. alternate 프린트 페이지나 번역된 페이지와 같이 해당 문서의 대체 버전에 대한 링크를 제공함. author 해당 문서의 저자에 대한 링크를 제공함. dns-prefetch 브라우저가 대상 리소스의 원본에 대해..
![]()
, , 모두 단락을 나누는 태그들인데 정확하게 어떨 때 쓰이는지 정리해두고 싶어서 작성함 가장 정리가 잘 된 글이라고 생각해서 아래의 링크를 토대로 정리할 것임 더보기 https://dasima.xyz/div-vs-span-vs-p-%EC%B0%A8%EC%9D%B4%EB%8A%94-%EB%B8%94%EB%A1%9D-%EC%9A%94%EC%86%8C%EC%99%80-%ED%8F%AC%ED%95%A8-%EC%9C%A0%EB%AC%B4/ div vs span vs p 차이는 블록 요소와 포함 유무 - dasima div vs span vs p 태그 차이점은 무엇일까요? 블록 요소와 인라인 요소의 차이점이 있습니다. 여기서 파생되어 서로 포함할 수 있는 경우의 수가 정해져 있습니다. 같은 블록 요소인 div, ..
![]()
불쌍한 너구리들을 위한 짝퉁 인조 가죽을 판매하는 회사의 소개 웹페이지 중 메인 페이지를 생성하였다. ▪️ 참고 강의 링크 더보기 https://www.youtube.com/watch?v=MjmUpXhaqRM&list=PLYNmD6nHXpCZ6d-UAVRxWSvK8WOPMxXeA 원래 총알오징어 판매 회사 소개 웹페이지인데 너구리로 바꿨다가 SERVICE 부분에는 내용 수정하기 귀찮아서 그냥 오징어 service 문구로 둠 디자인적인 면에서는 잘 모르겠는데 뭔가 바꾸고 싶은 것들이 스멀스멀 생각이 나서 복습하면서 변형시켜볼 계획이다. 1. HTML 1-1) 코드 주석 강의를 들으면서 따라 코딩한거라 주석이 없다. 내가 미리 만들어져있는 코드를 분석하는 다른 개발자라고 생각해서 이 코드를 봤을 때 어느 부..
![]()
대체 height랑 line-height의 차이점이 뭐길래 둘이 동시에 쓰이는거지? 같은 높이 주제에 궁금해서 찾아봤다. 내가 이런 형태의 결과물을 만들어야 한다. HTML CONTACT 우리에게 파트너십을 신청하거나, 최고의 고객이 되어주세요 더 알아보기 CSS .more2{ width: 220px; height: 40px; border: 1px solid white; line-height: 40px; cursor: pointer; margin: 16px auto; } 이것이 해당 영역의 원본 코드이다. 그런데 문득 그런 생각이 들었다. height로 그냥 글자의 높낮이를 조절하면 안되는건가? height와 line-height의 결과물이 다르게 발생하는가? 도대체 왜 height와 line-heigh..
![]()
노란색 영역의 글씨와 파란색 영역의 글씨 사이 간격을 주고 싶은데 이때 margin-bottom 값을 줘야 하는지 padding-bottom 값을 줘야 하는지 헷갈림 대체 margin과 padding의 차이가 뭔데 객체의 내부 여백이 padding이고 외부 여백이 margin인건 알겠고 object, padding, margin까지 그리라면 그릴 수 있는데 근데 어떨 때 margin을 쓰고 padding을 쓰는지가 헷갈린다. margin : border 바깥쪽 영역 차지, 주변 요소와 거리감을 주기 위함 padding : border 안쪽 영역 차지, padding 값으로 인해 컨텐츠 영역에 영향을 미칠 수 있음 (content의 연장 개념) * margin만 적용 가능 1. 음수값 2. auto 1. ..
![]()
내가 가진 data의 datetime column은 날짜와 시간이 같이 들어가있다. 아직은 day & time을 한번에 인식하고 정렬해주는 기능을 찾지 못했기 때문에 (없을 확률이 더 큼 ㅠㅋㅋ) 날짜 따로, 시간 따로 col을 분리해줄 것이다. 일단 csv 파일을 불러올 때 parse_dates를 이용해서 datetime을 날짜로 불러온다. bike_data_2011_2012["date"] = [d.date() for d in bike_data_2011_2012['datetime']] bike_data_2011_2012["time"] = [d.time() for d in bike_data_2011_2012['datetime']] 위 코드를 입력한 후, head()로 보면 짠 ! 맨 우측 date, ti..
![]()
이 data들을 아래처럼 저장하고 싶었으나 이상한 Unnamed column이 앞에 추가되어 저장되었다. 덕분에 row data들이 17,379개 있다는 것을 알게 되었으나 Unnamed col을 없애버리고 싶었다. dataframe_name.to_csv("filename.csv", index=None) index = None 을 우측에 적어주니까 Unnamed가 사라졌다
![]()
Bike share demand prediction 과제 수행 중, lightGBM 모델을 설치하는데 문제가 생겼다. 참고로 나는 MacOS를 사용한다. 기본 윈도우 서버에서 돌린 모델을 가져와 MacOS로 옮겼기 때문에 따로 설치가 필요한 모델들은 설치를 해줘야만 했다. XGBoost나 CatBoost는 pip 명령어로 잘 설치가 되었는데 이상하게 lightGBM만 말썽이었다. pip으로 설치가 되었다고 나왔고, kernel 또한 재시작 하였으나, 아래와 같은 OSError를 봐야했다. ⚫️ 나는 실패했지만 혹시나 필요한 누군가를 위해 'Homebrew 설치' 더보기 "MacOS에서 수월하게 프로그램을 설치할 수 있는 패키지 관리자인 Homebrew를 설치해야 한다길래 설치하였다." 실패했다. Home..
![]()
"FULL" is not valid at this position, expecting E0F, ';' [해결] stackoverflow 고수님들이 말씀하시길 MySQL에는 FULL OUTER JOIN 개념이 없다고 한다. LEFT JOIN과 RIGHT JOIN을 UNION 해야 한다고... select a.id, b.id from tbl1 a LEFT outer join tbl2 b on a.id = b.id union all select a.id, b.id from tbl1 a right outer join tbl2 b on a.id = b.id; 이게 뭐람... join이 되긴 했지만 대체 왜 mysql에는 full outer join개념이 없는거지..? mariadb엔 full outer join ..
![]()
1) 태그 키워드 정리 프론트엔드 개발자가 되려먼 HTML, CSS, JavaScript를 잘 다룰줄 알아야 합니다. 웹 페이지를 사람에 비유해보자면, 마크업 언어인 HTML은 몸의 구조(뼈, 근육)를 담당하고 CSS(Cascading Style Sheets 의 약자)는 옷과 신발과 같이 외적으로 꾸며주는 역할을 한다고 생각하면 이해하기 쉽습니다. HTML에도 속성이 있고, CSS에도 속성이 있는데 둘은 같지 않습니다. HTML의 속성은 영어로 attribute이고, CSS의 속성은 property입니다. 둘 다 한국어로 번역할 때 '속성'이라고 하므로 잘 구분하셔야 합니다. 요소에 구애받지 않고 스타일 규칙을 적용할 때는 class 선택자와 id 선택자를 활용할 수 있습니다. 선택자 중에는 문서의 구..
