개발66 CSS Box Model 박스 모델이란? HTML의 모든 요소들은 상자로 이루어져 있는데, 이것을 '박스 모델(box-model)'이라고 부릅니다. 박스모델은 margin, padding, border 등의 여러 겹의 박스들로 나뉩니다. 태그내용이 있는 곳이 가장 안쪽, 파랑색인 content입니다. 그리고 이 content를 padding, border, margin으로 마치 박스처럼 감싸고 있어서 "박스 모델"이라 부릅니다. 이렇게만 들으시면 잘 모르시겠죠? 아래에 예시로 content부터 보여드리겠습니다. Content 이 개념에 대해 시각적으로 알기 위해 content 부분에 배경에 색을 입힌 코드를 만들어줍니다. content는 우리가 태그 안에 넣는 텍스트나 이미지 등 박스의 실질적인 내용이 들어간 부분입니다. 우다다.. 2021. 3. 27. CSS 레이아웃 - Grid, Flex 차이 및기본 개념 웹에는 "웹 레이아웃"이라는 개념이 존재합니다. 우리는 아래 보이는 그림처럼 필요에 따라서 우리만의 레이아웃을 만들어 내용을 배치할 수 있습니다. 레이아웃하면 가장 많이 사용되어지는 것이 Flex,Grid입니다. 둘의 차이는 Flex는 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 나눌 수 있습니다. 그에 비해 Grid는 2차원으로 수평 수직을 동시에 영역을 나눌 수 있습니다. Grid Grid는 2차원으로 수평 수직을 동시에 영역을 나눌 수 있다고 했죠? 이때 grid-template-columns속성을 이용하여 행을, grid-template-rows속성을 이용하여 열을 바꿀 수 있어요. a a a a get-templates-columns/rows를 줄 때 fr을 이용해서 비율형태로 .. 2021. 3. 27. 자동투자봇 준비 - open API, KOA Atudio 설치 방법open API, KOA Atudio 설치 방법 키움증권에 들어가서 아래로 쭉 내리다 보면 OpenAPI를 확인할 수 있습니다. 사용 신청과 API 모듈 다운받아주시고, KOA Atudio까지 다운로드해주세요. KOA Atudio파일을 압축해제한 뒤 켜보면 이런 화면이 여러분을 반겨줄거에요:) 그럼 상단에 있는 파일 > Open API 접속을 눌러 로그인해주시면 됩니다. 그리고 아래 쪽에서 그림과 유사하게 생긴 아이(?)에 마우스 커서를 가져다 대면 '서버와 통신이 연결 되었습니다'라는 문구를 볼 수 있습니다. 그 다음 왼쪽 커서를 눌러 계좌비밀번호 저장을 눌러줍니다. 비밀번호를 입력하고 AUTO로 해놓으면 일일이 로그인할 귀찮음이 사라지겠죠? 끝1 2021. 3. 22. git - Logon failed, use ctrl+c to cancel basic credential prompt git을 하다보면 한번씩 빡침 포인트가 있을 때가 있는데... git push를 하고 깃헙 아이디 비밀번호를 잘 입력했는데 "Logon failed, use ctrl+c to cancel basic credential prompt" 라는 오류가 나타났다. 혹시나 내 아이디 비밀번호가 잘못되었나 싶어 깃헙에 들어가 확인해봤지만 계속 같은 오류가 발생했다. 찾아보니 깃 업데이트가 안되어 그런거라고...! 요 아이를 입력해주면 바로 잘 작동했다. git update-git-for-windows 2021. 3. 20. 이전 1 2 3 4 ··· 17 다음 728x90
