데이터 LAB

CSS가 뭔가요? HTML이 웹사이트의 내용을 작성하는 툴이라면 CSS는 사이트의 디자인을 작성하는 툴입니다. '반응형 웹사이트'라는 말을 들어보셨나요? CSS는 웹 브라우저의 크기와 모양에 따라서 화면의 레이아웃을 자동으로 바꿔주는 방법인 '반응형 웹 디자인'을 가능케합니다. PC용 페이지, 모바일용 페이지를 따로따로 만들지 않아도, 같은 내용에 다른 CSS만 적용되어서 사용자에게 맞는 화면을 표시한다는 뜻이죠. CSS는 Cascading Style Sheets 의 준말로, Castcade란 '위에서 아래로 떨어지는'이라는 뜻입니다. 이는 우선순위에 대한 내용으로, CSS는 가장 최근에 적용한 스타일을 최우선으로 적용하는 웹 디자인 툴입니다. 자세한 이야기는 밑에서 하겠습니다. 아래의 스크린샷은 유명한..

이번 시간에는 html로 쇼핑몰 주문서나 설문지를 만들수있는 form의 다양한 기능에 대해서 알아보겠습니다. 이 전에 html에 대해 알아야할 내용들은 몽땅 게시물 하단에 링크 걸어두었습니다. 자 그러면 들어가봅시다~ 태그 사용자가 웹 사이트로 정보를 보낼 수 있는 요소는 모두 폼이라고 한다. 폼을 작성하는 태그다. ex) form의 속성들 method : 입력 받은 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄지 정함. get과 post가 있음 name : 자바스크립틀 폼을 제어할 때 사용할 폼의 이름을 지정 action : form 태그 내의 내용을 처리해 줄 서버 프로그램을 지정한다. target : 액션 속성에서 지정한 파일을 현재 창이 아닌 다른 위치에서 연다. autocomplete 속성 ex) ..

저번에 HTML의 가장 기본적인 태그들을 다룬것에 이어서 이번 게시글에서는 연이은 기본 코드들을 설명해보겠습니다. 이번 내용은 2편에 해당하므로, 더 기본적인 태그들을 알아보고 싶으신 분들은 저번 글을 참고해주세요 [HTML 기본 태그 1] HTML 기본 기능 태그 알아보기 html의 기본기능은 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크하는 것이다. 글자를 보기좋게 꾸미거나 문서의 배치를 다양하게 바꾸는 것은 스타일시트의 기능이다. 문서유형을 지 successdatalab.com 더하여, 저번 글에 작성했던 은 break의 약자로 엔터와 같은 역할을 하며 단독으로 사용되므로 닫는 태그가 필요없습니다. 또 태그는 paragraph의 약자로, 단락을 나타냅니다. 태그로 단락을 나누게 되면 후에 ..

html의 기본기능은 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크하는 것이다. 글자를 보기좋게 꾸미거나 문서의 배치를 다양하게 바꾸는 것은 스타일시트의 기능이다. 문서유형을 지정하는 태그. 웹브라우저에게 현재 문서가 HTML5임을 알려주는 것이다. HTML에서는 영어 대소문자를 구별하지 않아도 되지만 강조하고 싶은 부분에 대문자를 사용하기도 한다. HTML5 는 2014년 11월에 발표됐고, 지금은 거의 다 HTML5를 쓰므로 HTML5를 그냥 HTML이라고 부른다. 웹 문서의 시작과 끝을 나타내는 태그. 웹 브라우저가 이 태그 내의 소스를 읽어 화면에 표시한다. 는 위의 태그에서, language 속성으로 korean을 선택한다는 의미이다. 특정 언엉로 제한해서 검색할 때 (한국말 문서만 띄..

배열요소의 합을 구하는 반복함수 //배열의 합을 구하는 함수 #include using namespace std; float Sum(float* a, const int n) { float s = 0.0; for (int i = 0; i < n; i++) s = s + a[i]; return s; } int main() { float arr[] = { 1,3,4,5 }; int size = 4; cout

사업에 대한 나의 로망 '사업'이라는 이름을 내걸고 무언가 실행해 보기 전까진 이 사업, 창업이라는 것에 대한 막연한 로망이 있었다. "난 꼭 사업을 할 거야" 되뇌던 말속의 단어 '사업'은 나도 모르는 사이 '조금만 열심히 하면 빵 터지는 상한선이 없는 성공'을 의미하고 있었다. 하지만 막상 준비단계에 돌입해 보니 내 생각과는 달랐다. (근거 없는 망상에 가까운 생각이었음을 생각하면 당연한 일이다.) 사업이란 현금흐름을 만들어내는 일 사실 이는 내가 서브웨이에서 아르바이트를 하면서도 느낀 일이다. 전형적인 프랜차이즈 사업인 서브웨이도, 점장님이 매번 50~200만 원어치의 발주를 넣어서 음식 재료와 갖가지 비품들을 받고, 그 재료를 바탕으로 매출을 낸다. 그때 처음, 사업이란 현금 흐름을 만들어내어 그..

본인, C언어에서 포인터를 너무 대충하고 넘어갔다. C++를 배우고 있는 지금, 지금이라도 포인터의 개념을 잡아보자. 사실 이건 포인터의 개념 전체는 아니고, 재귀함수로 주어진 배열의 모든 요소의 합을 구하는 거 하다가 내가 아래의 개념을 몰라서 이해가 안된다는 사실을 깨닫고 정리한다. #include using namespace std; int main() { int arr[] = { 1,2,3,4,5 }; int* p1; //배열의 이름(시작주소) 포인터 - 분리형 p1 = arr; int* p2; //배열의 첫번째 요소의 주솟값 포인터 -분리형 p2 = &arr[0]; int* p3 = arr; //배열의 이름(시작주소) 포인터 - 합체형 int* p4 = &arr[0]; //배열의 첫번째 요소의 ..

순열이란 무엇인가 순열 P. 우리 고등학교 확통시간에 다 배웠죠? 기억나죠? 하지만 저도 내용은 기억 안나고 그저 배웠다는 사실만 기억나는 타입이기 때문에 이러고 퉁치고 넘어갈 생각은 없습니다. 순열이란, 서로다른 배열요소를 순서를 고려하여 배열하는 경우입니다. 예를들어 nPr 이라고 하면, n개의 배열요소 중에 r개를 뽑아 순서를 고려하여 배열하는 경우의 수입니다. 수업에 나온 코드 예시 void Permutations(char* a, const int k, const int m) { int i; if (k == m) { for (i = 0; i

재귀 이진 검색이란 무엇인가 2023.10.23 - [코딩 data lab] - 이진 검색(binary search)이란 무엇일까? - 대학교 컴공 2학년 자료구조 과목 재귀 이진 검색은, 전 게시물에서 다루었던 이진 검색을 재귀함수의 형식으로 구현할 수 있도록 만든 알고리즘이다. 수업에 나온 예시코드 int rbs(int* a, const int x, const int left, const int right) { if (left a[middle]) return rbs(a, x, middle + 1, right); else return middle; } return -1; } 코드 분석 구하고자 하는 x의 값이 a[middle]보다 작을 경우에는 right의 값을 middle-1 로 변경하여 다음에 시행..

이진 검색 (binary search)란 무엇인가정렬되어 있는 배열 내에서 원하는 배열 요소를 찾아내기 위한 알고리즘으로, (오름차순일 경우) 배열을 절반으로 나누고 그 절반 값이 찾는 배열요소보다 크면 왼쪽의 토막으로 가고 찾는 배열요소의 값이 더 크면 오른쪽 토막으로 간다. 그러고 앞의 과정을 반복해 원하는 값을 찾아낸다. 이진검색의 장점선형검색, 즉 맨 앞에서부터 찾는 값이 나올 때까지 찾는 것보다 시간 복잡도가 낮아진다. 시간이 훨씬 단축된다는 것이다. 사전에서 단어를 찾을 때를 비유로 종종 들곤 하는데, 내가 '호루라기'라는 단어를 찾고 싶을 때, 맨 앞에서부터 찾으면 한세월 걸리겠지만 위와 같이 반씩 턱턱 피면서 대조하고, 다시 반절을 피고 하는 식으로 찾으면 얼마나 시간이 단축될지 체감이 될..