반응형

전체 648

html/css 시맨틱 태그/semantic tag

우리가 알고있는 일반적인 태그들(div, p, a)은 각각 특정한 기능을 가진 태그인 반면 시맨틱 태그는 기능을 위한 태그가 아니다. 있으나 없으나 문서의 모습이나 형태가 변하지 않는다.시맨틱(semantic) 태그란 단어 의미대로 의미론적 태그다.따라서 시맨틱 태그를 이해하려면 지금까지 알아온 태그와 달리 추상적으로 바라볼 필요가 있다.예를들어 대학 건물을 짓는다고 생각해보자. 건물만 지어놓고 건물에 이름을 만들지 않아도 기능적으로는 아무런 문제는 없다. 강의실을 사용할 수도 있고 컴퓨터 실습실도 사용할 수 있다. 다만 처음 오는 사람은 무엇이 어디에 있는지, 어떤 기능을 하는 건물인지 직접 들어가봐야 알 수 있다. 따라서 건물에 공대건물, 법대건물, 도서관 건물 등과 같이 이름을 써놓으면 처음 오는 ..

엑셀 암호설정 해제 방법

엑셀파일에 암호를 설정하는 이유는 일반적으로 두 가지 입니다. 첫 째, 파일의 정보를 아무나 볼 수 없도록 하기 위함입니다.둘 째, 파일의 정보를 아무나 수정할 수 없도록 하기 위함입니다.따라서 엑셀에서는 암호설정에 열기 암호화 쓰기 암호 이렇게 두 가지 암호가 필요합니다.그리고 사용자가 어떤 암호를 알고있느냐에 따라서 접근 권한이 달라집니다. 간단히 그림으로 정리해보았습니다. 엑셀 암호설정 엑셀파일에 암호를 설정하는 메뉴는 파일을 저장하는 대화상자에 있습니다. 따라서 엑셀파일을 처음 저장하거나 아니면 다른 이름으로 저장을 선택해야 암호설정을 할 수 있습니다.다른 이름으로 저장 대화상자에서 도구를 클릭 -> 일반옵션(G).... 를 선택합니다. 아래와 같은 창이 나옵니다.열기 암호와 쓰기 암호를 입력해 ..

엑셀 2017.06.18

엑셀 주민번호 뒷자리 *로 표시해서 숨기기

엑셀 문서를 프린트할 때나 읽기전용으로 만들어 다른 곳에 공유할 때 일부 민감한 정보를 감출 필요가 있습니다.예를들어 주민번호의 경우 뒷자리는 굳이 표시할 필요가 없습니다.이렇게 텍스트에서 일부분을 숨기는 방법은 여러가지가 있습니다. 그 중 가장 알려진 방법으로는 LEFT 함수나 MID 함수를 이용하는 것입니다.LEFT 함수 사용LEFT 함수나 MID, RIGHT 함수는 텍스트의 일부분만을 잘라서 표시하는 함수입니다. 텍스트에서 잘라내고자 하는 부분이 텍스트의 첫 문자부터 시작된다면 LEFT 함수를 사용하고 텍스트의 끝문자를 포함하는 부분을 잘라내서 표시하려면 RIGHT 함수를, MID 함수는 잘라낼 텍스트의 시작과 끝을 직접 지정할 수 있습니다. MID 함수 하나로 LEFT, RIGHT 함수를 대신할 ..

엑셀 2017.06.17

html/css flex, flexbox 반응형 웹을 위한 css 레이아웃 속성 정리

기존의 웹페이지를 만들 때 사용하던 올드한 레이아웃 제작방법을 개선하고자 flexbox 가 생겨났다. flex는 flexible의 준말로 유동적인 레이아웃을 손쉽게 만들 수 있다는 의미를 가진다.기본 컨셉은 아주 명확하기 때문에 기존의 레이아웃을 만드는데 사용하던 table 태그나 position 또는 float 속성을 사용하는 방법의 복잡함을 고수할 필요가 없어졌다.다만 생각보다 다양한 속성들이 있어서 정리할 필요는 있다. 이 속성을 모두 사용할 필요는 없으므로 대략적인 이해만 해 둔 후에 필요할 때마다 참고하여 레이아웃을 만들면 될 것이다.flexbox의 기본 컨셉container와 item들이 부모와 자식관계일 때 container에 display : flex; 속성을 줌으로서 다음과 같은 모습의 ..

엑셀 CHOOSE 함수 이해와 활용 예제

엑셀 choose 함수를 쉽게 설명하기 위해 한가지 비유를 들어보겠습니다엘레베이터에는 올라갈 층수에 대한 버튼이 있습니다. ①을 누르면 1층으로 올라가고 ⑪을 누르면 11층으로 올라가죠. 이건 누른 버튼의 숫자에 해당하는 층수로 엘레베이터가 올라가게끔 프로그래머가 미리 프로그래밍 해놨기 때문입니다.엘레베이터의 구체적인 메커니즘을 따져보면 "눌려진 버튼 검사 -> 버튼의 숫자에 맞는 층까지 운행" 이렇게 프로그램된 것이죠. 만약 프로그래머가 ①이 눌렸을 때 15층으로 가도록 프로그래밍 한다면 15층으로 가겠죠. 파란 글씨의 행동은 프로그래머가 정할 수 있습니다.이와 비슷한 맥락으로 엑셀 CHOOSE 함수를 이해할 수 있습니다.엑셀 CHOOSE 함수앞선 든 비유를 CHOOSE 함수로 표현해 보겠습니다.CHO..

엑셀 2017.06.15

CSS 우선순위 규칙 캐스케이딩(Cascading)

Cascading은 작은 계단모양의 폭포를 말합니다. 폭포의 전후로 물의 높낮이가 바뀌겠죠. 연속적인 물의 흐름에서 높낮이 차이를 우선순위에 비유한 것 인듯 싶습니다. CSS(Cascading style sheets)의 C는 Cascading의 약자입니다. CSS의 뜻을 살펴보면 우선순위가 있는 스타일 시트라는 뜻이군요. 구체적으로 하나의 태그에 여러가지 방법으로 동일한 속성의 스타일을 적용하는 경우 우선순위에 따라서 적용될 스타일이 결정된다는 뜻입니다. 속성을 적용하다보면 하나의 태그에 본의 아니게 같은 속성이 겹쳐 적용될 때가 있을 겁니다. 단편적인 예제를 통해서 CSS를 공부할 때는 이런 경우가 그다지 발생하지 않으므로 Cascading에 대해서 깊게 생각하지 않아도 될지 몰라도 완성도 있는 HTM..

엑셀 vlookup 함수 이해와 활용하기

엑셀 vlookup 함수는 활용도가 높은 함수 중에 하나입니다.vlookup 함수의 사용 예로는 물품에 정해진 단가를 얻기 위해 단가표를 참조하는데 사용할 수 있고 성적같은 점수나 수치의 등급표를 참조하는데 데도 사용할 수 있습니다.이렇게 엑셀 vlookup 함수가 단가표, 등급표와 같이 정해진 표를 참조하는 부분이 있다는 사실을 아는 것으로 반은 배운겁니다.그러면 예를 통해서 vlookup 함수의 특징을 살펴보겠습니다.엑셀 vlookup 함수문제 상황 1) 단가표 참조하기두 개의 표가 있습니다. 오른편에는 물품에 대한 단가표가 있고 왼편의 표는 아직 완성되지 않았지만 구입 물품에 대한 표입니다. 구입한 물품(벽걸이 시계, 시계-B, 책장-A, 침대-B)과 수량은 채워졌습니다. 이젠 구입 물품에 대한 단..

엑셀 2017.06.13

html css float 속성 정리

박스모델을 공부한 후부터 지금까지 사이트 레이아웃을 만드는데 필요한 중요한 속성들을 계속 살펴보고 있습니다.이번에 다룰 float 속성도 레이아웃을 잡는데 쓰이는 속성으로 기본 개념은 단순하지만 기본 개념만으로는 동작방식을 예측하기 힘든 경우가 있어서 케이스별로 정리해서 이해할 필요가 있습니다.저도 천천히 공부하는 입장이고 경험적이고 실험적인 설명도 있으므로 혹시 틀린점이 있다면 댓글 부탁드립니다. float 속성float의 뜻은 "뜨다", "흐르다" 뭐 이런 뜻입니다. 단어의 의미가 이 속성과 딱 매치된다고 말은 못하겠습니다. 그래도 단어의 뜻으로 이 속성을 설명해 보자면 이렇습니다."float 속성을 갖는 요소는 html 문서에서 공간은 차지하되 다른 요소의 배치에 영향을 안주는 요소가 된다."이건 ..

엑셀 COUNTIF 함수의 이해와 최빈값 구하기

엑셀 COUNTIF 함수는 범위 내에서 조건에 맞는 데이터가 있는 셀의 개수를 구하는 함수입니다.예를들어 회원정보 데이터에서 남자가 몇명인지, 서울에 사는 사람이 몇명인지 등을 구할 때 COUNTIF 함수를 사용할 수 있습니다. 대단히 쉬운 함수이므로 간단히 설명하고 COUNTIF 함수를 활용하여 최빈값에 대한 이야기를 하려합니다. 엑셀에서 최빈값을 구하는 방법은 MODE 함수를 사용하면 되는데 이 함수는 숫자 데이터에 대해서만 동작하므로 숫자 외의 데이터의 최빈값을 구하려면 COUNTIF 함수를 사용해야 합니다.COUNTIF 함수의 원래 용도가 어떤 값이 몇번 나오나를 구하는 함수인데 역으로 가장 많이 나온 값(최빈값)을 COUNTIF 함수로 구한다니 아이러니 하게 들릴 수도 있겠습니다. 하지만 이 방..

엑셀 2017.06.11

파이썬(python) numpy 의 array(ndarray)와 matrix 데이터 타입

numpy는 numerical python의 약자로 수치를 다루는 분야를 위한 패키지로서 아주 유명하다. 이 패키지에 포함된 array와 matrix와 같은 자료구조는 수치를 다루는 데 있어서 기본적인 자료구조(데이터 타입)다.방대한 양의 데이터를 다루거나 할 때 다차원 배열(ndarray)를 사용하거나, 행렬(matix)를 다룰 때 matrix 를 사용할텐데 ndarray와 matrix는 서로 차이점이 있지만 양방향 캐스팅(변환)이 가능하다.기본 파이썬 데이터 타입 역시 ndarray 타입이나 matrix 타입으로 직관적인 캐스팅이 가능하다.numpy에 대한 자세한 메뉴얼은 공식 사이트에서 살펴보면 될 것이다. numpy의 설치는 따로 하지 않고 파이썬 아나콘다 버전을 설치하여 해결하였다.파이썬 아나콘..

반응형