designnas
500+ Views

웹 포트폴리오 < Daelim museum >

Daelim museum


Student Name : 김가은
종류 : Branding micro site
제작프로그램 : Photoshop , Webstorm
레이아웃 : 플로우그리드 , 블록그리드
타이포그래피 기술 : 이미지폰트 80%, CSS 폰트 20%
디자인이론 : 인터랙션 디자인, 이미지화 타이포그래피
비주얼 스킬 : 사진편집과 레이아웃을 활용한 디자인
웹표준 : 부분 웹 표준화, 제이쿼리 적용


Comment
Suggested
Recent
굿^^
Cards you may also be interested in
자기문제를 해결하지 못한 사람들
자기문제를 해결하지 못한 사람들 한 사람이 큰 실수나 잘못을 하면 훈계를 하거나 지적 or 비난을 할수도 있다. 그런데 자기 맘에 들지 않는다는 이유로 주변 사람을 자신이 살고 있는 어둡고 쾌쾌한 이상한 동굴로 끌어들이는 사람들이 있다. 결벽증 엄마는 아들을 달달달 볶는다. 집에서 쉬는 시간보다 청소하는 시간이 더 많다. 스크루지 아빠는 입에서 매일 돈돈돈 거린다. 수돗물 한방울이라도 흐르면 기겁을 한다. 공부에 올인한 부모는 아이가 친구들과 놀면 황금(시간)을 갖다버렸다면서 질책을 한다. 집착증이 있는 남편(아내)은 배우자가 다른 사람과 잠시 이야기를 하면 기겁을 한다. 배신 배반 바람등 독설을 날린다. 평생시집살이를 하며 살아온 시어머니는 며느리가 자유롭게 사는 꼴을 볼수가 없다. 자기처럼 가족을 위해 희생을 요구한다. 시간약속에 철저한 완벽주의 부모는 자녀 약속시간 1분만 늦으면 쥐잡듯 잡는다. 종교의 교리에 흠뻑 빠져버린 A씨는 자신도 지키지 못할 계율을 주변 사람에게 강요를 한다. 그러면서 이런 말을 하기도 한다. "이게 다 당신을 위해서 그런거야!! "물론 선한 의도도 있겠지만 그렇다고 온전히 납득이 되지 않는다. 1. 자기 고집이나 이기성을 유지하기 위해서 상대방을 괴롭히는 것이 아닌가? 2. 자기 마음속에서 치우지 못한 쓰레기를 상대방에게 투척하는 것이 아닌가? 3. 상대방을 위한 마음이 2라면 자기를 위한 마음은 8정도 되지 않을까? 4. 타인의 생각이나 감정을 무시하는 것은 아주 심각한 정신적 폭력 아닌가? 5. 선일지라도 폭력을 일삼는 사람은 선인인가? 악인인가? 6. 당신의 말과 행동은 대다수 사람들이 수용할수 있을정도로 합리적인가? 7. 그렇게 자신과 타인을 달달 볶으면서 그대는 과연 행복하다고 할수 있는가? 자기문제를 해결하지 못한 사람들이 자신과 타인을 괴롭히는 경우가 있다. By: 김영국 행복명상센터
알아차림! 나를 보호하는 최고의 무기
알아차림! 나를 보호하는 최고의 무기 화가 나면 당신은 순간 괴물이 됩니다. 당신은 날카로운 무기를 들고 있을지 모릅니다. 사랑하는 사람에게 거친 욕설을 내뱉고 있을지 모릅니다. 사랑하는 아이를 거침없이 때리고 있을지도 모릅니다. 물건을 집어던지고 있을지도 모릅니다. 자신의 몸을 훼손하고 있을지도 모릅니다. 그렇게 용광로속으로 나를 데려갑니다.ㅜ 마음이 우울하면 당신은 순간 비련의 여주인공이 됩니다. 삶의 희망이 사라지고 자꾸 눈물만 나옵니다. 세상 만사가 귀찮아지고 주변 사람들이 싫어집니다. 그냥 이대로 죽고 싶은 생각에 빠져듭니다. 스스로 쓸모없는 존재처럼 여겨집니다. 그렇게 죽음의 늪으로 나를 데려갑니다.ㅜ 마음이 불안하면 당신은 순간 길잃은 어린양이 됩니다. 야생 밀림에 혼자인듯한 극심한 공포를 느낍니다. 몸이 돌처럼 굳어버리고 심장은 터질듯 압박감을 느낍니다. 아무도 나를 구해줄수 없을것 같습니다. 이 공포와 불안이 영원할것 같은 생각이듭니다. 그렇게 끝없는 터널속으로 나를 데려갑니다.ㅜ 욕심이 타오르면 당신은 순간 배고픈 돼지가 됩니다. 나의 것을 지키기 위해서 목숨바치듯 헐떡입니다. 남의 것을 빼앗기 위해서 수단과 방법을 가리지 않습니다. 이성 겸손 양보 도덕 양심 배려 사랑 자비 X 돈 성공 배신 거짓말 이기성 폭력 파괴 사기 중독 O 가족 또한 나의 욕망의 대상이 됩니다. 그렇게 도살장으로 나를 데려갑니다.ㅜ 분노를 나를 태워버립니다. 우울함은 나를 지워버립니다. 불안함은 나를 숨겨버립니다. 욕심은 나를 없애버립니다. 마음이 만들어내는 망상이자 가장 지독한 중독입니다. 술은 암에 걸리면 끊을수 있습니다. 담배는 폐암에 걸리면 끊을 수 있습니다. 도박은 돈을 다 날려서 감옥에 가면 끊을수 있습니다. 폭식증은 배탈이 나면 멈출수 있습니다. 우리의 정신은 끝이 없습니다. 끝없이 타오릅니다. 온 산이 불에타지 않도록 조기에 진화를 해야 합니다. 작은 불에는 소화기 하나면 충분합니다. 그 소화기는 바로 알아차림입니다. 짧게는 몇초 길게는 1분의 시간입니다. 이 시간 안에 알아차리지 못하면 당신은 겉잡을수 없는 고통속으로 빨려들어가게 될 것입니다. 당신의 그럴듯한 생각들이 꼬리에 꼬리를 무는순간 당신의 생각이 감정이라는 연료통과 만나는 순간 작은 불은 온산을 태우는 화염이 됩니다. 멈출수가 없습니다. 당신의 감정이 다 타들어가야 끝이 납니다. 온 산이 타고 나면 당신만 덩그러니 잿더미처럼 타버린 벌거숭이 산에서 울부짖게 됩니다. 후회라는 것은 참 어리석은 자들의 합리화입니다. 타인 때문에 그럴수밖에 없었다고 하소연(핑계)하지만 그렇다고해서 당신을 지키셨나요? 당신의 산에 A라는 나쁜놈이 담배불을 던지고 갔습니다. 담배불을 던진놈을 잡기 위해 당장 뛰쳐가야겠지요? 그러면 어떻게 될지 뻔하지요? 지금 당장 그 불을 꺼야 합니다. 그리고 아무나 함부로 내 산을 훼손하지 않도록 잘 준비하고 관리해야 합니다. 설령 불이 나더라도 몇초만에 불을 끌수 있도록 자동 불끄기 장치를 설치해야 합니다. 내가 지금 화가 나서 폭력을 쓰려고 하고 있구나! 내가 우울함에 빠져서 나를 놓아버리려 하고 있구나! 내가 불안함에 빠져서 나를 버리려 하고 있구나! 내가 욕심에 빠져서 나를 죽이려 하고 있구나! 생각을 알아차리고 더이상 그 생각이 상상의 나래를 펼치지 않도록 진화해야 합니다. 여기서 멈추지 않으면 감정이 고개를 내밀게 됩니다. 감정과 만나는 순간 브레이크 고장난 폭주기관차가 됩니다. 생각과 감정을 분리해서 객관적인 관찰자가 되어야 합니다. 그것에 빠지면 안됩니다. 자식이 물에 빠졌다고해서 같이 뛰어드는 것은 안됩니다. 빨리 정신차리고 도움을 요청하거나 나뭇가지등 아이를 살릴수 있는 도구를 구해야 합니다. 그렇지 않으면 자식도 살리지 못하고 나도 죽습니다. 알아차림은 지혜를 말합니다. 나를 살리고 타인을 살리는 가장 아름다운 무기가 됩니다. 눈 앞의 세상이 캄캄한 사람이 살아가는 오늘과 눈 앞의 세상이 환한 사람이 살아가는 오늘은 다릅니다. 당장 알아차림 훈련이 되지 않을때 우리는 어떻게 잠시 나를 지켜낼수 있을까요? 1. 생각과 감정에 빠지려는 순간 오로지 호흡에 집중하세요. 그러면 더이상 마음이 불 타는 것을 막을수 있습니다. 2. 내가 통제할수 없는 상황이라면 그 자리에서 벗어나세요. 그러면 더이상 마음이 불 타는 것을 막을수 있습니다. 3. 내 마음속 '사랑의 신'을 불러보세요. 사랑의 신은 나에게 용서와 이해를 알려줄 겁니다. 그러면 더이상 마음이 불 타는 것을 막을 수 있습니다. 4. 내 마음속 '지혜의 신'을 불러보세요. 지혜의 마음은 내가 어떻게 해야 할지 알려줄 겁니다. 그러면 더이상 마음이 불 타는 것을 막을 수 있습니다. 5. 내 마음속 어린아이를 불러보세요. 예쁜아이는 나와 함게 즐겁게 놀자고 할겁니다. 그러면 더이상 마음이 불 타는 것을 막을 수 있습니다. 그렇게 하다보면 알아차림이 나에게 가까워집니다. 알아차림이라는 소화기가 내 삶을 지켜줄 겁니다. 글쓴이: 김영국 행복명상 센터
웹서핑 꿀팁! 유용한 크롬 확장 프로그램 Top7
크로미엄 기반 웹브라우저인 '크롬', '웨일', '스윙' 등에서 사용 가능 대부분의 유저들이 PC나 노트북 등을 사용하는 가장 큰 목적은 '인터넷'일 것이다. 심지어 인터넷을 사용하지 않을 것이면 굳이 PC를 사용할 이유도 없다고 말하기도 한다. 물론 문서 작성이나 다운로드 한 동영상 감상 등 인터넷 연결이 필요 없는 작업을 하는 경우도 있겠지만, 요즘에는 다양한 웹기반 서비스들이 나오면서 문서 작성이나 동영상 감상 등도 인터넷으로 실시간 연결된 상태로 이용한다. 그리고 이런 대부분의 작업들은 웹브라우저를 통해서 이뤄진다. 현재 웹브라우저 확장프로그램 생태계 구축이 가장 잘 갖춰진 것은 구글 '크롬'이 첫 손에 꼽힌다. 이전에는 마이크로소프트(MS)의 웹브라우저인 인터넷 익스플로러가 국내외 웹브라우저 시장을 독점했지만, 오픈소스 소프트웨어(SW)인 크로미엄(Chromium) 기반 웹브라우저가 본격적으로 나오면서 밀러난 상태다. MS도 윈도10 출시와 함께 차세대 웹브라우저인 '엣지'를 출시하며 크롬과 유사한 확장 웹스토어를 공개한바 있지만, 현재 등록된 확장 프로그램이 별로 없는 관계로 구글 크롬을 중심으로 유용한 확장 프로그램을 공개한다. 1. AdBlock, Adguard AdBlocker, uBlock Origin 먼저 추천하는 확장 프로그램은 광고 차단기 3종 세트다. 다양한 형태의 광고들이 웹서핑을 방해하는 경험 많이 했을 것이다. 이럴때 유용한 확장 프로그램이 바로 광고차단 프로그램이다. 기존에는 PC의 Host(호스트) 파일을 직접 수정하거나 외부 프로그램을 사용해서 광고를 차단했지만, 크로미엄 기반 웹브라우저를 사용한다면 간단히 확장 프로그램 설정으로 모든게 해결된다. AdBlock은 가장 사용자가 많은 광고 차단 확장 프로그램으로 별다른 설정없이 그냥 설치하고 웹서핑을 즐기면 된다는 큰 장점이 있다. Adguard AdBlocker는 최근 급상승하고 있는 광고 차단기로 영상 광고(유튜브 영상 광고 등)도 차단이 가능하다. 직관적인 UI(유저 인터페이스)를 보여주는 만큼 초보자들도 쉽게 사용할 수 있다. 앞서 AdBlock나 Adguard AdBlocker가 초중급 사용자를 위한 것이라면 uBlock Origin는 고급 사용자를 위한 광고 차단기다. 현재 페이지에 연결된 모든 트래픽 경로를 보여주고 특정 트래픽만 막을 수 있다. 예컨대 특정 사이트에서 전송되는 신호만을 따로 차단하는 것도 가능하고 반대로 항상 허용하는 것도 가능하다. 2. LastPass, Xmarks 비밀번호 유출로 인한 개인 보안 이슈가 늘어나면서 대부분 웹사이트들은 로그인 시 비밀번호 생성 규칙을 강화하고 주기적으로 바꾸도록 요구하고 있다. 문제는 로그인 시 필요한 비밀번호의 자리가 길어지고 특수문자나 알파벳 대소문자 등 다양한 필수 규칙이 생기면서 막상 설정한 비밀번호를 기억하지 못하는 경우가 빈번히 보고되고 있다. 이럴때 필요한 것이 바로 웹사이트 로그인 관리자 애플리케이션이다. LastPass나 Xmarks 모두 이 부분에서 유명한 SW로 크로미엄뿐만 아니라 인터넷 익스플로러나 사파리, 파이어폭스 등 대부분 브라우저를 지원한다. 또한 스마트폰 등 모바일 디바이스도 지원하는 만큼 유용하다. 모든 암호는 암호화된 상태로 관리된다. 3. 구글 Keep, Evernote Web Clipper 웹서핑을 하다 메모가 필요하다면? 특정 웹페이지를 보관하고 싶다면? 바로 구글 킵과 에버노트가 있다. 구글 킵은 구글이 만든 메모장 서비스로 구글 킵 확장 프로그램을 이용하면 웹서핑 도중 여타 도구 필요없이 메모를 할 수도 있고, 웹페이지를 그대로 저장 가능하다. 구글 킵에 저장된 메모는 크롬이 아니더라도 구글 로그인만 한다면 어디서든 바로 확인이 가능하다. 스마트폰에도 애플리케이션이 있는 만큼 쉽게 메모를 하고 확인 가능하다. 모든 디바이스 동기화 기능은 덤이다. 에버노트 웹 클리퍼는 문서작성 관리 애플리케이션인 에버노트를 웹브라우저에서도 사용 가능하도록 도와주는 확장 프로그램이다. 스마트폰의 필수 애플리케이션으로 꼽히는 에버노트를 웹브라우저에서도 사용 가능하고, 웹서핑 도중 발견한 정보를 곧바로 에버노트에 올릴 수 있는 만큼 에버노트 사용자들의 필수 확장 프로그램이다. 4. crxMouse Chrome Gestures, Pig Toolbox 웹서핑을 하는데 키보드 필요없이 마우스만 있으면 모든게 가능하다. 앞으로 가기, 새로고침, 새페이지 생성, 특정 페이지 이동 등 키보드를 결합한 다양한 작업이 마우스 제스처만으로 할 수 있다. 이 부분 대표적인 확장 프로그램인 Pig Toolbox라고 할 수 있는데, 업데이트가 멈춘지 오래되고 크로미엄 버전에 따라 동작하지 않는 경우도 발생하는 만큼 현재 사용하기에는 불편하다. crxMouse는 Pig Toolbox를 대체하려는 사용자들이 많이 선택한 확장 프로그램으로 마우스 제스처 기능만 본다면 Pig Toolbox의 대부분 기능을 crxMouse에서도 동일하게 사용 가능하다. 사용자에 따라 마우스 제스처를 부분적으로 커스텀마이징도 할 수 있는만큼 적응만 된다면 편한 웹서핑을 즐길 수 있다. 5. 구글 번역, TransOver 웹서핑을 국내 사이트에서만 할 수만은 없다. 글로벌 각지의 소식을 빠르게 확인하기 위해서는 영어나 스페인어, 독일어, 일본어, 중국어 등 다양한 언어를 해야만 한다. 하지만 우리에겐 구글 번역기가 있다. 구글 번역 확장 프로그램을 사용하면 원하는 웹페이지를 원하는 언어로 순식간에 번역할 수 있다. 물론 아직 100% 정확하게 번역할 수는 없지만, 최근 인공신경망 번역 기술이 접목되면서 번역 품질이 한층 높아진 만큼 빠르게 번역하기에는 이만한 도구는 없다. TransOver은 특정 단어에 마우스를 가져다 대는 것만으로도 번역해 준다. 구글 번역과 함께 사용한다면 외국 웹사이트도 더이상 두럽지 않다. 6. 드롭박스, 구글 드라이브 개인 파일을 USB 등에 따로 가지고 다닐 필요 없이 언제 어디서나 사용하기 위해서는 드롭박스나 구글 드라이브, 원드라이브 등에 저장하면 된다. 해당 서비스를 이용하기 위해서는 직접 웹브라우저에서 접속 후 이용하거나 외부 프로그램을 설치해야만 했지만, 확장 프로그램을 사용한다면 클릭 한번에 특정 파일을 업로드 시키고 공유하는 것도 가능하다. 드롭박스, 구글 드라이브, 마이크로소프트(MS) 원드라이브 등 대부분 개인 웹하드 서비스들이 확장 프로그램 형태로 지원하는 만큼 해당 서비스를 이용하는 유저라면 필수 프로그램이다. 7. 데이터 세이버 직접 인터넷 연결해서 사용하는 PC나 노트북에서는 필요 없을 수 있지만, 외부에서 급하게 스마트폰을 이용한 테더링 기능을 활용한다면 데이터 걱정이 들 수 있다. 이때 필요한 것이 데이터 사용량을 줄여주는 '데이터 세이버 ' 확장 프로그램이다. 구글이 직접 만든 확장 프로그램으로 구글 서버를 통해 웹페이지를 읽어오는 방식으로 속도가 느려지지 않으면서도 웹서핑에 따른 데이터 사용량은 줄어든다. 구글 서버를 경유하는 방식으로 가상 사설망(VPN) 기능이 일부 적용된다는 장점이 있다. 이밖에도 유튜브 동영상이나 페이스북 동영상을 다운로드 할 수 있는 'Chrono Download Manager', 'Social Video Downloader' 등 다양한 확장프로그램이 있다. 또한 요즘 유행인 모바일 서비스인 인스타그램을 PC에서 손쉽게 사용하게 도와주는 'Websta for Instagram', 웹페이지 캡쳐를 할 수 있는 'Awesome Screenshot', 국내 쇼핑몰 가격 비교를 자동으로 해주는 '마트모어' 등 다양한 확장 프로그램을 통해 보다 편리한 웹서핑을 즐길 수 있길 바란다. 단, 확장 프로그램을 추가해 사용하기 이전에 반드시 믿을만한 개발자나 개발사가 만든 확장 프로그램인지 확인하는 과정이 필요하다. 최근 멀웨어가 삽입된 확장 프로그램도 보고되는 만큼 주의해야 한다.
[토박이말 되익힘](6)
 5배해(학년) 배움이들과 꼲기(평가)를 마치고 겨를을 내서 제철 토박이말을 알아보았습니다. 여름철에 알고 쓰면 좋은 토박이말을 알려주는 움직그림을 먼저 보고 제가 덧붙임 풀이를 해 준 다음 토박이말 찾기 놀이와 토박이말 수수께끼 놀이를 했습니다. 처음 했는데 뜸(반)마다 조금씩 되움직(반응)은 달랐지만 다들 재미있어 해서 저도 기분이 좋았습니다.  뒤낮(오후) 배곳 안 갈침이 배움 동아리 모임에서도 배움이들과 제철 토박이말에다 옛배움책에서 캐낸 토박이말, 토박이말을 잘 살린 노래 듣고 노랫말 살펴보기를 했습니다. 모임 끝에 이런 자리가 토박이말과 좀 더 가까워지는 데 도움이 되었으면 좋겠다는 바람을 말하기도 했습니다.   따지고 보면 많이 더디고 느리지만 조금씩 나아지고 있는 것은 틀림이 없습니다. 함께하는 분들이 지치지 않고 기분 좋게 할 수 있기를 바라고 또 그렇게 되도록 더욱 힘을 써야겠습니다.   오늘도  토박이말 되익힘을 합니다. 앞서 맛보여 드린 토박이말을 되새기며 토박이말과 좀 더 가까워지시기를 비손합니다. *이 되익힘 틀은 좋은메 조상현 님께서 만들어 주셨습니다. <다시 보기> 1)ㄱㅇㅎㄷ-https://bit.ly/2F7M16z 2)ㄱㅍㄷ-https://bit.ly/2IUXzLD 3)ㄱㅈㅈㅇ-https://bit.ly/2KrBXcX 3)ㄱㅇㅅㄹ-https://bit.ly/2IuF6Xs
6
1
Share