공부하는 디자이너

오늘은 10월 17일에 치뤄진 HSK 시험 성적발표일이었다. 이전에 쓴 시험 후기에서 합격만이라도 했으면 좋겠다라고 썼는데 성적조회를 해보니 300점 만점에 292점을 받았다. 청해 93점 / 독해 100점 / 쓰기 99점 = 총 292점 청해는 속도가 빨라서 많이 틀렸을 거라 생각했는데 93점대 점수가 나왔다. 쓰기는 1개 문제 놓쳐는데도 99점이라는 높은 점수가 나왔다. 정확히는 모르지만 HSK는 상대평가라 다른 수험생 대비 백분율을 따져서 한 두 개 틀려도 만점을 주는 방식인 것 같다. 다음은 고득점을 취득하기 까지 걸린 기간과 파트별 공부 방법을 소개한다. 1. 시원스쿨 왕초보 중국어 2달 2. 다락원 독학 1달 1) 청해 공부법 1. 쉐도잉하기 2. 90% 이상 들릴 때까지 반복 듣기 시원스쿨 ..

지난주 토요일 HSK3급을 보고 왔다. 원래 목표는 합격이 아닌 고득점이었는데 망했어요 자세한 건 후술합니다. (ㅠ_ㅠ) 1. 청해 누가 1.5배속으로 틀어놨냐 토익처럼 HSK도 청해 시험 전에 시험방법을 설명하는 나레이션과 예시문제가 나오는데 당연히 중국어로 나온다. 그런대 나레이션은 HSK 3급 수준에서 알아들을 수 있는 수준보다 난이도가 높다. 이번이 초시인 나는 1분 동안 스피커에서 나오는게 예시문제를 읽어주고 있는 건지 실제문제인지 분간하질 못했고 얼(2번)이라는 소리를 듣자마자 아까 것이 1번문제라는 걸 뒤늦에 알아차렸다. 하지만 만점을 목표로 하는 것이 아니니 금새 정신을 부여잡고 듣기 문제를 풀었다. 그나마 자신있는 게 PART1 사진 고르기와 PART3 장소,인물관계 문제였는데 1번 문제..

요새 네이버 edwith의 파이썬 강의를 듣고 있다. 미시간 대학의 찰스 세브란스 교수님이 무료로 제공하고 있는 MOOC 강좌인데 edwith에서 한글 번역을 추가해서 진도율 100% 수강하고 퀴즈를 만점 받으면 수료증도 주는 형태로 제공하고 있다. 모두를 위한 프로그래밍 : 파이썬 바로가기 지금은 두번째 강좌인 자료구조를 공부중인데 string을 추출하고 복작복작해서 데이터 분석에 필요한 기본을 배우는 과정이다. 예제를 복습하다가 문득 "가사에 가장 많이 나오는 단어를 알아내는 코드를 짜보자" 싶어서 만들어 보았다. 영어가 분석하기 편해서 마이클 잭슨의 빌리진 가사를 이용했다. 전체 코드 fhand = open('lyrics.txt') lyrics = '' for line in fhand: if lin..

"코딩하는 디자이너" 라는 타이틀에 부응하고자 GitHub 계정을 만들어보았다. (사실 저 타이틀을 포기하려고 했는데 요새 또 코딩 공부하고 있는 나를 발견하고 명판을 주워와서 다시 달았다.) https://github.com/jisunya UI 코딩시 바로 써먹을 수 있는 실용적인 자바스크립트 예제를 올려놓을 생각이다. 자바스크립트의 간단한 for문과 function의 짤 수 있는 디자이너라면 누구나 긁어다 사용할 수 있는 코드를 짜는 게 목표이다. 하지만 원래 남이 봐도 이해하기 쉽게 짜는게 제일 어렵다; GitHub 사용법은 생활코딩을 참고했다. Git에 대한 공부를 먼저하면 좋지만 GitHub 강좌만 봐도 무방하다. 생활코딩 github 강좌 바로가기 GitHub는 웹브라우저에서도 이용이 가능하지..

정보설계에 대해 잘 설명되어 있는 영상이라 데려와 보았다. 정보구조설계는 크게 5가지 파트로 나뉜다. 1. Organization System 2. Navigation System 3. Labeling System 4. Search System 5. Contents Design 1. Organization System "모든 이해의 시작은 분류에서 출발한다" 정의 : 정보를 분류하는 것 - 이용자별, 작업지향별, 기능별, 상징별, 은유형 등으로 정보를 구체적으로 분류한다. (ex. 쇼핑몰의 여성복, 남성복) - "사용자가 얼마나 이해하기 쉽게 접근할 수 있는가" 를 위한 가장 기초적인 작업이다. 2. Navigation System "네비게이션은 목적 중심적이며 행동 지향적이다." 정의 : 웹사이트의 공..

SSL은 회원가입, 예약, 결제 등 개인정보를 입력받는 사이트에서 개인정보 보호를 위한 보안 인증서이다. 국내에서는 2012년 8월 18일부터 설치 의무화 되었는데 의무 대상임에도 설치하지 않을 시에는 3천 만원 이하의 벌금이 부과된다. SSL를 설치하면 사이트 주소는 HTTP가 아닌 HTTPS로 시작되는 프로토콜을 사용하고 주소창 앞에 자물쇠 아이콘이 표시된다. SSL은 단순 게시용 사이트나 개인 포트폴리오 사이트 등에는 설치할 의무는 없다. 그러나 구글 크롬이 SSL가 설치되지 않은 사이트에는 "정보가 공격자에 의해 도용될 수 있습니다" 라는 메시지를 띄우기 시작하면서부터 SSL이 없으면 위험한 사이트처럼 보이게 되었다. 저 문구 하나로 신뢰가 와르르 무너지니 나도 포트폴리오 사이트에 SSL을 설치해..

자료를 찾다보니 어쩌다 MIT 사이트에 들어가게 되었다. 처음에는 이게 정말 학교 사이트라고? 라는 생각이 들었다. 대학교 웹사이트라고 하기에는 Medium같은 매거진을 보는 듯한 착각이 든다. 메인 페이지에 커다란 검색창을 두었고 가장 많이 검색된 검색어를 보여준다. 1 depth로만 구성된 단순하고 심플한 네이게이션이 인상적이다. 보통 학교 사이트라면 소개할 것이 많고 메뉴가 많아서 네비게이션이 복잡해지기 쉬운데 GNB 메뉴는 8개로 구성했고 연결된 서브페이지도 시각적 혼란과 너무 많은 인터랙션을 요하지 않는 깔끔한 접근으로 되어 있다. 타이포그래피도 위계관계를 명확히 정의하여 말끔히 정리되어 있다. 학교 소개페이지의 특이점. 데이터를 메뉴판처럼 나열해 놓은 것이 공대공대하다! 캠퍼스 잔디밭 넓이까지..

자바스크립트는 Math.ceil(), Math.round(), Math.floor() 라는 함수를 제공해서 올림, 반올림, 내림을 가능하게 해준다. 그러나 이것은 소숫점 둘째자리까지의 계산이라서 정수 단위의 올림은 불가능하다. 즉, 5.42를 5로 만들 순 있지만 55을 50 또는 60으로 만들 수는 없다. 정수를 올림, 반올림, 내림하려면 아래처럼 추가 작업을 해야 한다. HTML 철수 : 점 영희 : 점 민수 : 점 평균점수: 점 평균점수 반올림: 점 Javascript var score = document.querySelectorAll('ul li'); var scorePrint = document.querySelectorAll('ul li span'); var sum = 0; for(let i=0..

[사용 기술] - 디자인 : Figma, Photoshop, Illustrator - 프론트/백엔드 : HTML, CSS, Javascript, Ajax, PHP, JSON 포트폴리오 사이트를 리뉴얼 했다. 이전 버전도 그리 오래되지 않아서 톤은 유지하되 원페이지로 제작했다. 디자인은 최근에 유행 중인 Notion 포트폴리오 스타일에 꽂혀서 흰색 배경에 심플하게 만들었다. 원페이지로 전환한 이유는 스크롤 몇 번이면 사이트를 다 볼 수 있도록하기 위해서다. 이 사이트는 입사지원 제출용으로 만든 것이라 방문 목적이 보통의 사이트와는 다르다. 방문자는 바쁜 업무시간을 쪼개어 들어왔을 것이며 최대한 빨리 보고 이탈하고 싶어한다. 아무리 메뉴에 좋은 내용을 많이 넣어도 클릭 조차 하지 않는 메뉴도 있을 것이다. ..

* 포브스지 기사를 번역한 것입니다. 다른 곳으로의 이동은 금지합니다. * 원문 : Why Tokyo’s New Transparent Public Restrooms Are A Stroke Of Genius 도쿄의 투명한 공중화장실은 왜 천재적인가? 처음엔 투명한 공중 화장실이 어떻게 화장실에 대한 불안을 줄일 수 있을지 짐작하기 어려울 것이다. 그러나 일본의 가장 혁신적인 건축가 중 한 명은 이 불편한(counterintuitive) 디자인을 통해 화장실 공포를 줄이고자 한다. 전세계적으로 공중화장실에 대한 인식은 좋지 않다. 다른 나라에 비해 상대적으로 화장실 위생 수준이 높은 일본에서도 주민들은 공중화장실은 어둡고 더럽고 냄새가 나고 무섭다는 두려움을 갖고 있다. 비영리단체 니폰재단은 대중의 화장실 ..