생산성 향상과 스킬 업
-
웹사이트, 모바일 앱 디자인 무료 툴 5가지 | 사이드 프로젝트 꿀템생산성 향상과 스킬 업/온라인 무료강좌 학습노트 2022. 4. 6. 22:33
1. https://mycolor.space/ 색상 팔레트 - Color Space 2. https://cssgradient.io 그레디언트 - CSS Gradient > CSS 복사 가능 3. https://shapedivider.app 꼬불 꼬불 선나누기 - Shape Divider > html, CSS 복사 가능 4. https://haikei/app 다양한 SVG -Haikei > 디자인적인 버튼 사용 예 5. https://dribbble.com 이쁜 배경 이미지 - Cool Backgrounds 보너스 - Dribble 활용법 > Popular - 최신 트렌드 확인 > Goods for Sale : Filters에서 Price 0 선택 시 다양한 아이템 획득 가능 * 원본 출처 : https:..
-
똥손 개발자를 위한 간단한 디자인 스킬 14개생산성 향상과 스킬 업/온라인 무료강좌 학습노트 2022. 4. 2. 12:30
제목 보고 너무 찔려서 보게 된 ㅋㅋ 내용도, 영상 시간도, 심플하고 핵심만 간단해서 좋았다 그래서 금방 핵심정리! 1. 다양한 색 금지 - 강조하고자 하는 곳에만 강조하는 색 사용 > 예 : 버튼, 아이콘, 강조할 글자, 로고 2. 안쪽여백(Padding) 많이 3. 폰트는 제목용/본문용 2개만 4. 심심하면 글자에 gradient 5. 제목은 16px이상, 본문은 16px 이하 6. 자간간격 조절하면 이쁨 7. 이미지 폭, 높이 동시조절 금지 8. 안중요한 글씨는 회색 9. 테두리는 옅은 회색부터 10. 그래픽 애셋 사용 시 통일감이 우선 - 선 굵기, 색상, 그라디에이션 등 차이가 없도록 11. 급한 로고디자인은 fontsquirrel.com에서 가볍게 할 수 있으며, 라이선스 확인 후 사용할 것 ..
-
코딩애플 - React 기초 0/1/2강생산성 향상과 스킬 업/온라인 무료강좌 학습노트 2022. 1. 4. 16:25
node.js, visual studio code 최신 버전 설치 * React 기초 1강 TIL visual studio code에서 작업폴더 만들 때 node.js 설치된 드라이브에서 해야 npx 에러가 안뜸 생성한 작업트리의 동작 구조 * React 기초 2강 TIL 제대로 웹-앱 동작을 만들기 위해서는 state에 데이터를 저장해 사용해야 한다 ----------------------- 원본 출처 : 코딩애플 React 기초 0강 : 리액트왜 쓰는지 알려줌 (+ 수강시 필요 사전지식) https://www.youtube.com/watch?v=LclObYwGj90&list=PLfLgtT94nNq1e6tr4sm2eH6ZZC2jcqGOy React 기초 1강 : 리액트 설치와 셋팅법 (2021+ 스타일..
-
법인등기 - 인터넷 발급하기생산성 향상과 스킬 업/기타 잡동사니 업무 Tip 2021. 9. 21. 13:34
법인업무를 하다보면 등기부등본과 인감증명서가 세트이긴 하나, 아주 가끔 등기부등본만 필요할 때도 있다 나도 등기부등본의 인터넷발급이 왜 필요한가 의문을 가지고 있었는데, 이번에 등기부등본만 필요한 일이 있어 인터넷 발급으로 가볍게 처리하고 나니 유용하다는 생각이 들었다, 일단, 한 번이라도 시간 절약할 수 있었으니, 효과는 있잖아 먼저는 인터넷등기소에 접속해 봅시다 http://www.iros.go.kr/PMainJ.jsp http://www.iros.go.kr/PMainJ.jsp www.iros.go.kr 로그인을 하기 위해 필수 프로그램들을 설치하고, 회원가입을 하고 로그인을 해봅시다 로그인을 하시고 법인등기 메뉴에서 발급하기를 클릭해 봅시다 이제 보이는 화면에서 관할 등기소, 법인구분과 필요한 사항..
-
데이터온에어 에듀 - [그로스해킹] 성과창출을 위한 UX분석 A/B테스트생산성 향상과 스킬 업/온라인 유료강좌 학습노트 2021. 8. 12. 09:43
이 강좌는 2가지로 구성되어 있었다. 온라인에 무료로 오픈되어 있지 않아 살짝 아쉬움이 남았다 나처럼 비전공자도, 담당자가 아님에도 지식의 욕구를 충족시켜 줄 만큼 깔끔하게 잘 알려주는 강의 였는데, 강의는 크게 2개로 구성되어 있었지만, 시간도 적당해서 기분 좋게 커피 한 잔 하면서 들을만 했다 1. UX개념과 분석TOOL(뷰저블) 2. A/B 테스트이론 그럼 요약해보면, 1. 뷰저블(Beausable : UX 분석 TOOL)을 찾는 사람들 가. UX개념 1) UI : User Interface : 사용자를 고려해 만든 제품, 서비스, 시스템과 사용자가 만나는 접점 2) UX : User eperience : 제품, 서비스, 시스템 등을 사용하면서 사용자가 느끼는 총체적 경험 나. 마케팅에서 UX가 필..
-
인프런 - 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기 #2생산성 향상과 스킬 업/온라인 유료강좌 학습노트 2021. 8. 5. 18:58
1. 부트스트랩 시작하기 가. 일반적 사용방법 2가지 1) 서버에 업로드하여 사용하기 2) CDN 이용하기 나. 간편하게 공식 홈페이지에서 제공하는 기본 HTML 템플릿을 가져다가, 자신이 정한 사용방법에 따른 CDN 링크 적용 2. 최상위 div 요소에 .container 또는 .container-fluid 추가 가. .container : 고정폭 레이아웃을 만들 때 사용 나. .container-fluid : 좌우로 꽉 찬 레이아웃을 만들 때 사용 ※ 필요 시 링크한 css에서 해당 요소의 스타일을 확인하며 사용하면 된다. 이것은 다른 클래스도 동일하다 3. Grid system 활용 가. .col-*-* 여러 개를 사용하면 가로 해상도에 따라 열의 가로 크기를 다르게 정할 수 있다 4. 타이포그래피..
-
인프런 - 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기 #1생산성 향상과 스킬 업/온라인 유료강좌 학습노트 2021. 8. 4. 15:00
1. 부트스트랩의 개념 가. 웹 프론트엔드 개발 프레임워크 - CSS와 같이 기본적 웹페이지를 만드는 방법을 알고 공부를 시작하는 것이 좋습니다 나. 미리 정의된 을 'class'로 사용 다. 구성 핵심 요소 = CSS + GRID SYSTEM + 컴포넌트 + JAVASCRIPT PLUGIN 2. 부트스트랩 연습 사이트 가. https://getbootstrap.com (영문) Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 나. https://bootstrapk.com (한글) Bootstrap The most popular HTML, CSS, and JS library in the world. get..
-
개인정보보호 및 가명처리 교육생산성 향상과 스킬 업/기타 잡동사니 업무 Tip 2021. 7. 29. 06:04
업무 상 개인정보보호 및 가명처리에 관한 교육을 수강하였는데, 해당 강좌가 유튜브에 공개되어 있기도 하고, 해서 요약을 좀 남겨본다 원본은 여기서 볼 수 있다 https://www.youtube.com/watch?v=GCsjr5alnHg 1. 개요 1. 비식별조치 활용 근거 : 데이터3법 2. 가명처리의 허용 1. 가명정보는 개인정보처리자의 정당한 처리 범위 내에서 통계작성, 과학적 연구, 공익적 기록보존 등의 목적으로 정보주체의 동의 없이 처리할 수 있음 3. 가명정보 처리가 가능한 경우 1. 통계작성 : 통계는 특정 집단이나 대상 등에 관하여 작성한 수량적인 정보를 의미 2. 과학적 연구 : 과학적 연구는 기술의 개발과 실증, 기초연구, 응용연구 및 민간 투자 연구 등 과학적 방법을 적용하는 연구를 ..