개발 335

웹 레이아웃 top nav bar with image

맨날 웹 사이트 만들 때 상단에 로고와 네비게이션, 이미지 부분이 거의 유사하게 제작됩니다. 늘 여기저기서 코드 가져다가 갇다 붙이기가 귀찮아서 메모 HTML 1 2 3 4 5 CSS *{ margin: 0px; padding: 0px; font-family: Verdana; } #main { width: 100%; height: 100vh; background-image: url("dog2.jpg"); background-size: cover; } nav { width: 100%; height: 80px; background-color: #0005; line-height: 80px; } nav img { margin-top: 15px; margin-left: 30px; } nav ul { float: ..

개발/잡다개발 2020.09.14

ROC curve

데이터 분석을 하다보면 자주 나오는 것 중에 하나가 ROC curve입니다. 이게 뭔지 알아보면 저희는 confusion matrix 라는 애를 알아야하는데 얘가 나타내주는 것이 뭐냐하면 예를 들면 암을 예측하는 모델이 있다고 할 때 실제 데이터가 암인데 모델이 1. 암이 맞다 (TP - true positive) 2. 암이 아니다 (FP - false negative) 라고 2가지로 예측할 수 있습니다. 자, 그렇다면 얘를 그래프로 나타내보면 이런식으로 나타낼 수 있는데, TPR 부분이 1이고, FPR이 0인 부분이 가장 이상적입니다. 이 때문에, 머신러닝 모델의 정확도를 평가할 때 ROC 커브를 사용합니다. 참고 [1] - www.youtube.com/watch?v=nMAtFhamoRY

개발/Kaggle 2020.09.13

React란

리액트란 무엇인지 한번 보고 가겠습니다. 리액트(React)란 페이스북에서 만든 프론트엔드 프레임워크인데, 이 프론트엔드라는게 뭔가? 라고 물어보면 우리가 늘 보는 화면입니다. HTML,CSS,JS라고 생각하면 됩니다. 그런데 이미 HTML CSS JS가 있는데 왜 또 프론트엔드 프레임워크라는 것을 써야 하는가?에 대해서 알아보면 위의 화면처럼 좋아요를 구현한다고 생각해보면, 기존 방식대로 좋아요 버튼을 누르면 1. 좋아요 버튼이 눌림 2. 서버로 좋아요 요청이 감 3. 서버에서 확인 후 좋아요를 5로 바꿔주고 HTML 새로고침 형태로 진행됩니다. 그런데 이 HTML을 새로고침 해주는 작업이 너무나도 비 효율적이라고 생각되어 생긴 기술이 프론트엔트 프레임워크들입니다. Vue, React, Angular ..

개발/잡다개발 2020.09.10