프로 팁: Concatenation 와 HTML 태그를 활용한 스프레드시트 편집

팔로우

가이드북의 프로팁 시리즈를 찾아주셔서 감사합니다! 이번 글은 concatenation 기능과 html 태그를 활용하여 스프레드시트에서 데이타를 빠르고 효과적으로 다루고 편집하는 방법을 안내해드립니다.  

필요 사항:

1) 사용하시는 스프레드시트 파일 편집툴을 열어주세요. (가이드북 빌더를 사용시 LibreOffice, Apache OpenOffice 또는 Microsoft Excel 을 권장합니다.)

2) 화면 하단에서 Concatenation 예시 파일을 다운로드 받아주세요.  

 

목차

1. Concatenation는 무엇이며 왜 활용해야 하는가? (예시 첨부) 

2. HTML 태그를 반영하여 스프레드시트 업로드

3. 기타 유용한 정보

 

1. Concatenation는 무엇이며 왜 활용해야 하는가?

Concatenation는 편집 용어이지만 단순히 ‘합치기’ 라고 생각하시면 됩니다. 이 기능은 스프레드시트에서 여러 셀의 내용을 한 셀로 합칠 때 사용합니다. 예를 들어 스프레드시트에서 A열에는 이름이, B열에는 성이 들어있다고 가정합니다. 이 예시는 아래 그림과 첨부한 Concatenation Example 파일의 첫 번째 시트에 해당하는 내용입니다:

 

가이드북의 리스트(custom list) 모듈 템플릿은 이름을 입력하려면 1개의 열만 사용할 수 있습니다. 위와 같은 사례는 자칫 가이드북 템플릿에 적합하지 않다고 생각할 수도 있습니다.

그러나 간단한 해결 방법이 있습니다. 바로 이름과 성을 합치는 것 입니다. 스프레드시트에 적용하는 방법은 우선, 시트 상단의 수식표시줄에 "=" 를 입력합니다. 이는 스프레드시트가 해당 셀에 수식을 적용할 것이라는 의미입니다. 그 다음, 첫 번째 셀(A2)을 선택한 후 "&" 를 입력하고 두 번째 셀인 B2 를 선택하고 엔터를 누릅니다. 복사와 붙여넣기 방식으로 다른 셀에도 해당 수식을 적용합니다. 또는 셀의 우측 하단 모서리를 선택하여 드래그합니다. 결과 값은 아래와 같습니다. ( 수식 =A2&B2):

 

수식으로 각각의 셀을 결합하였습니다. 하지만 C열의 값이 조금 이상해보입니다. 이름과 성 사이에 띄어쓰기를 하는 것을 깜박 했습니다. 띄어쓰기를 반영하려면 기존 수식을 조금 수정해야 합니다. 수식 사이에 스페이스바를 이용하여 공백이 있는 큰 따옴표 (" ")를 추가합니다. 수식 =A2&" "&B2.

 

 

이제 리스트(custom list) 템플릿의 Name 열에 맞는 하나의 열을 완성했습니다! 공지: C 열은 단순 텍스트가 아닌 수식으로 이루어져 있으므로 복사 후 선택하여 붙여넣기를 하셔야 합니다 (값만 복사). 만약 바로 붙여넣으시면 A, B열 셀에 변경이 있을 경우 C열 값도 변경됩니다.

 

또 다른 예시를 입니다. (첨부 파일: Concatenation Example 의 Sheet2에 해당)

좀 더 복잡한 사례를 함께 보겠습니다. 가이드북 스프레드시트 템플릿을 보면 상세셜명(description)은 1개의 열만 있습니다. 행사 운영자는 리스트(custom lis)/일정(schedule) 항목에 여러가지 내용을 넣고 싶은 경우가 많습니다. 만약 상세셜명(description) 열에 넣고 싶은 내용이 3개의 열에 있다면 concatenation 은 완벽한 기능입니다. 

앞선 사례에서 데이타들을 합칠 때 “&" 기호를 사용했습니다. 그러나 데이타를 합쳐주는 다른 방법도 있습니다. 만약 5개 이상의 데이타를 합쳐야 한다면, =concatenate() 수식을 사용하실 것을 추천합니다. Concatenate 기능은 콤마로 구분하여 입력한 내용들을 하나의 셀로 합쳐줍니다. 데이타를 합쳐주기 위해 아래와 같은 수식을 사용하였습니다.

=CONCATENATE(A$1,": ",A2,"<br><br>",B$1,": ",B2,"<br><br>",C$1,": ",C2)

위의 수식에서 일단 $ 표시의 의미는 고려하지 않습니다. (자세한 내용은 stackoverflow 사이트에 올라온 글을 확인해주세요), 이 수식을 부분별로 설명드리자면:

1. 셀 A$1의 값부터 수식을 시작합니다. -- "ID" 에 해당

2. 콤마를 입력 후 콜론과 스페이스로 이루어진 글자를 입력합니다 (": "). 셀 값이 아닌 일반 텍스트를 합치려면 큰따옴표로 내용을 묶어줘야 합니다.

3. A2의 값을 추가합니다.

4. 줄바꿈을 의미하는 HTML 코드인 <br> 을 (태크는 엑셀에서 일반 텍스트이므로) 큰따옴표로 묶어 추가합니다. HTML 태그에 관해서는 이글 하단에서 다루겠습니다.

나머지 부분들도 같은 방법으로 추가합니다.

 

 

수식을 모두 입력한 후에 엔터를 눌러 실행합니다. 다른 셀에도 복사 & 붙여넣기 또는 클릭 & 드래그 방식으로 동일한 수식을 적용할 수 있습니다. D 열은 단순 텍스트가 아닌 수식으로 이루어져 있으므로 복사 후 선택하여 붙여넣기를 하셔야 합니다 (값만 복사). 만약 바로 붙여넣으시면 수식에 있는 셀에 변경이 있을 경우 D열 값도 변경됩니다.

 

보시다시피 concatenation 기능은 매우 유용합니다. 처음 보시기에 어려우실 수도 있지만 첨부한 예제 파일을 활용해보시기 바랍니다.

 

HTML

가이드북 빌더는 스프레드시트를 업로드할 때 일부 HTML 데이타를 읽을 수 있습니다. 위의 사례에서 우리는 html 태그인 <br>을 사용하였습니다. 가이드북 빌더에서 HTML 태그를 사용하시려면 업로드하실 스프레드시트에 태그를 입력합니다. 또한 가이드북 빌더에서 세션 항목이나 리스트 항목에서 HTML 편집창을 사용하실 수도 있습니다. (하단의 이미지 참조) 태그는 상세설명(description) 영역에만 적용되며 모든 종류의 태그가 반영되지 않습니다. 아래 적용가능한 태그의 종류를 확인해주세요:

사용 가능한 태그: a, b, br, i, ul, li, p, h1-h6, span, u & strong.

 

HTML을 사용한 하이퍼링크

URL을 텍스트에 적용하거나 이메일을 보내기 위한 URL을 넣으려면 <a href 태그를 사용합니다. 일반적으로, “<a href="{url here}">링크 명칭</a> “을 사용합니다. (예시: <a href="http://guidebook.com">Guidebook Home Page</a>). <a href 태그에 따옴표가 필요하고 concatenation 기능에도 따옴표가 들어가므로 이러한 경우 조금 헷갈릴 수 있습니다. 아래 팁을 통해 URL 수식을 완벽하게 적용해보세요.

1) 빈 셀에 (예를 들어 L2 셀에) “ (큰따옴표)를 입력합니다.

2) 모든 URL이 하나의 열에 오도록 할 예정입니다. (M열이 있고 첫 번째 URL이 M2에 있다고 가정합니다). 

이번 예시에서 모든 URL 링크들은 "Registration Link" 라고 표시되는 것으로 정합니다.

3) 이제 concatenate 기능으로 합쳐줍니다. =CONCATENATE("<a href=",$L$2,M2,$L$2,">Registration Link</a>").

복사 & 붙여넣기 방식으로 열 전체에 해당 수식을 적용할 수 있습니다. $ 표시로 $L$2은 항상 큰따옴표를 참조합니다. 같은 방식으로 이메일 링크에도 적용할 수 있습니다 (<a href="mailto:{emailaddress}">emailaddress</a>) 

 

기타 유용한 정보

Concatenation 기능에 관한 보다 자세한 정보는 Microsoft Excel's concatenation tutorial에서 확인하세요. W3Schools은 많은 HTML에 관한 문서들은 보유하고 있습니다. 또한 ‘세션 추가하기’와 ‘리스트(Custom Lists) 항목 추가하기’ 글을 통해서도 가이드북 팁을 얻으실 수 있습니다:  

세션 추가하기

리스트(Custom List) 항목 추가하기

 

 

 

이 문서가 도움이 되었습니까?
0명 중 0명이 유용하다고 평가하였습니다.
또 다른 질문이 있으십니까? 문의 등록

댓글

Zendesk 제공