공부하는 디자이너

찬란한 4차산업혁명 시대이다. 여기저기서 개발을 모르면 살아남기 힘들다는 소리가 울려퍼지니 초등학생, 대학생, IT와 관련 없는 직장인까지 코딩공포증에 시달리고 있다. 딱히 개발자가 되고 싶은 것은 아니지만 일반인도 개발을 배워두면 취업에 유리할까? 라는 고민을 하는 사람들도 있을 것이다. 비개발자 중에서 개발자들과 가장 가까운 거리에서 밥벌이하고 있는 입장에서 이 주제에 대해 적어보려고 한다.   | 한줄 요약 : NO 지금은 범위가 더 얕고 넓어졌지만 처음 이 블로그를 만든 이유는 개발 공부를 기록하기 위해서였다. 직업과 밀접한 자기계발이었고 자기효능감을 얻고 싶었고 그 증거를 남겨놓고 싶었다. 나는 컴퓨터사이언스 이론 살짝, 코딩의 기초만 살짝 맛본 수준이지만 디자이너로서는 굳이? 수준까지는 경험해..

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

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

자바스크립트는 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..

리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (i) | VELOPERT.LOG 이 포스트는 리덕스의 리도 모르는 독자들을 대상으로 작성된 글입니다. 리덕스가 왜 필요한지 알아보고, 리덕스를 편리하게 사용하기 위한 발악을 한번 해보겠습니다. 리덕스 왜 쓸까? 리액트애서 애플리케이션을 만들 때, 기본적으로는 보통 하나의 루트 컴포넌트 (App.js) 에서 상태를 관리합니다. 예를들어서, 투두리스트 프로젝트에서는, 다음과 같은 구조로 상태가 관리되고 있죠. 리액트 프로젝트에서는 대부분의 작업을 할 때 부모 컴포넌트가 중간자 역할을 합니다 velopert.com 리액트 기초를 공부하며 당췌 이해가 안 가는 부분이 이것이었다. props를 타고 하위컴포넌트를 계속 타고 흘러간다. 흘..

[원본강의] https://www.youtube.com/watch?v=5L6h_MrNvsk 탭을 짜는 다양한 소스가 있지만 가장 간단해 보이는 소스를 가져왔습니다. 구글링해보면 여전히 제이쿼리 소스 복붙을 많이 하시던데 저는 바닐라 자바스크립트 예제를 고집하고 있어요. 물론 자바스크립트로 소스는 복잡하고 버그가 안 잡힌 예제도 많더라구요. 이 예제는 dataset을 사용하는 방식이라 간단한 반면, IE 10 이하는 지원이 안 된다는 단점이 있습니다. 하지만 공부하는 입장에선 레거시를 신경쓰기보다는 최근 기술로 공부하는게 좋겠죠! [Codepen 소스보기] https://codepen.io/jisuny/pen/RwNGKMN?editors=1111 위 링크는 제가 커스텀해 본 코드입니다. 강의 속 CSS가 ..

https://ko.reactjs.org/ 공식 사이트가 설명이 잘 되어 있어서 이걸로 공부를 하기로 했다. 다행히 한국어로 잘 번역되어 있다. 우선은 주요개념 파트를 마스터하는 것이 중요하다. 1. Hello World 2. JSX 소개 3. 엘리먼트 렌더링 4. Component와 Props 5. State와 생명주기 6. 이벤트 처리하기 7. 조건부 렌더링 8. 리스트와 Key 9. 폼 10. State 끌어올리기 11. 합성 vs 상속 12. React로 생각하기 총 12가지 문서로 되어 있고 이 12가지 개념을 익히면 리액트의 큰 줄기는 다 훑는 것이라고 한다. 물론 이것 또한 초보자에게 친절하다고는 말하긴 힘들다. 차근차근 설명하다가 어느 순간 "예시를 보여줄테니까 나머지는 니가 혼자 이해해봐..

※ 정보처리기사 실기 대비 정리입니다. 개인적인 정리용도라 자세한 설명이 부족할 수도 있습니다. DML이란? 튜플과 속성값의 검색, 삽입, 삭제, 변경을 수행한다. 종류로는 SELECT, UPDATE, INSERT, DELETE가 있다. * 예제문은 아래의 테이블을 기반으로 작성했다. 1) SELECT - 검색 // SELECT 속성명 FROM 테이블명 WHERE 조건 SELECT name, major FROM 학생 WHERE grade=4; 2) UPDATE - 갱신 // UPDATE 테이블명 SET 속성=변경내용 WHERE 조건 UPDATE 학생 SET major='시각디자인' WHERE name='김영희'; null인/null이 아닌 칼럼을 찾아서 업데이트 해줄 수도 있다. UPDATE 테이블명 S..