반응형

분류 전체보기 47

[위니브 엠버서더 3기] 제주코딩베이스캠프로 코딩 습관 만들기 챌린지 시작!

이제는 꼭 개발자 직무가 아니더라도 IT직무에 지원하려면 코딩테스트 준비는 필수가 된 시대같다. 모든 대기업 공고에 대부분 코테가 포함이 돼있어서,이대론 안되겠다 싶어서 파이썬으로 코딩테스트를 대비해보고자 제주코딩베이스캠프의 Code Festival: Python 100제라는 강의를 수강하기로 결심했다. 해당 강의를 수강신청하고 제일 처음 마주친 것이 바로 "코딩 습관 만들기 챌린지!" 사이트에서 간단한 방법으로 매일매일 내가 공부했는지를 체크할 수 있어서 스탬프 채우기의 보람을 느낄 수 있을 것 같다.  습관 챌린지 사이트 추천   http://habitmaker.co.kr/    --------------------------------------------------------------------..

[위니브 엠버서더 3기] 비전공자도 3분만에 만드는 깃헙 블로그 강의 후기

비전공자에게는 코딩도 어렵지만,이 코딩을 공부하기 위한 GITHUB 사용법과 GITHUB를 정리할 수 있는 블로그를 만드는 것도 너무나 어렵다... 나 또한 마찬가지였고 귀찮음도 있어서 굳이 만들고 있지 않았는데제대로 기록을 남기고자 결심하고 나니 가장 먼저 필요한게 깃헙 블로그였다. 그래서 신청한 다음 무료 강의! "3분만에 만드는 깃헙 블로그" 인프런에서 무료로 수강할 수 있는 제주코딩베이스캠프의 개꿀 강의다. https://www.inflearn.com/course/3%EB%B6%84%EB%A7%8C%EC%97%90-%EB%A7%8C%EB%93%9C%EB%8A%94-%EA%B9%83%ED%97%99%EB%B8%94%EB%A1%9C%EA%B7%B8 [지금 무료] 3분만에 만드는 깃헙 블로그 | 제주코..

위니브 엠버서더 3기 선정 후기

비전공자로서 혼자 IT 에 발을 딛고 싶어 이것저것 교육 프로그램과 플랫폼들을 찾아보면서 발견했었던제주코딩베이스캠프의 프로그램과 인프런에 올라와 있던 무료 제공 강의들..이 제코베와 위니브가 같은 곳이라는 놀라운 사실을 알게 됐다.이런 혜자같은 위니브에서 제공하는 서비스를 체험하고 홍보할 수 있는 기회를 주는 위니브 3기 엠버서더에 선정이 됐다!   위니브 엠버서더란?  위니브 엠버서더는 ICT 교육 기업인 위니브에서 개발자로서 성장하고자하는 꿈나무들을 모집하여 3개월 동안 지원하는 프로그램이다. 해당 엠버서더 활동을 하게 되면 다음과 같은 혜택을 누릴 수 있게 된다.   선정이 되자마자 체계적으로 커뮤니티에 초대되고, OT가 진행됐고, 굿즈도 신속하게 받아볼 수 있었다!굿즈도 너무 귀여운 친구들이 와서..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "20. 로컬 디자인 라이브러리 구축 실습하기"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 폰트 스타일과 아이콘의 변수 설정에 대해 알아보았다면, 로컬 디자인 라이브러리를 구축하여 실습해보는 시간을 갖겠습니다. 1. 네비게이션 바 디자인하기 (실습) 먼저 리소스인 Material 파일을 한번 훑어보도록 하겠습니다. 다양한 UI들이 완벽하게 구성되어있는 구성요소들을 확인할 수 있습니다. 이 귀한 리소스들을.. 새 프로젝트 파일에 추가하는 방법을 도전해보도록 하겠습니다. 먼저 좌측 패널의 Assets에서 Libraries(책모양)을 누르면 팀 파일에 저장해둔 Material 파일을 확인할..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "19. 폰트 스타일과 아이콘 규정하기"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 PC화면 기초 UI 세팅과 컬러시스템에 대해 이해하는 시간이었다면 이번 시간에는 폰트 스타일과 아이콘을 등록하는 법에 대해 배워보겠습니다. 1. 폰트 스타일 규정하기 폰트 스타일도 마찬가지로 우측 Design 패널을 이용해서 속성값을 조절할 수 있습니다. 글씨의 높이, 자간, 글씨 두께, 크기, 등등 다양한 속성을 변경할 수 있습니다. 이렇게 마음에 드는 스타일을 만들었다면 앞서 배웠었던 컬러 라이브러리처럼 text style도 라이브러리에 저장할 수 있습니다. 컬러 시스템처럼 폰트도 마찬가지로..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "18. PC 화면 세팅하기"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 모바일 화면 기초 UI 세팅에 대해 알아보았다면 이번 시간에는 PC화면 기초 UI 세팅과 컬러시스템에 대해 이해하는 시간이 될 것 같습니다. 1. PC화면 기초 UI 셋팅하기 - PC WEB 안드로이드나 IOS처럼 PC도 원하는 사이즈의 캔버스를 먼저 선택해야 합니다. 가장 많이 사용되는 MacBook Air 1280 사이즈를 골라서 작업을 시작해보도록 하겠습니다. 이전에 배워보았던 MacOS Browser UI Kit 리소스를 사용해서 PC 웹 UI 환경을 구현해보도록 하겠습니다. 이렇게 크롬..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "17. 모바일 화면 기초 세팅하기"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 생산성이 높은 플러그인과 무료 공유 리소스에 대해 알아보았다면 이번 시간에는 작업 환경에 따른 모바일 환경 기초 설정에 대해 배울 것 같습니다. 1. Android 모바일 화면 기초 UI 세팅하기 Design 에서 Android small이나 Large를 선택합니다. 하얀 바탕의 안드로이드 크기에 맞춘 캔버스가 설정되게 됩니다. 피그마 커뮤니티에서 안드로이드 키보드 UI kit 리소스를 활용해보도록 하겠습니다. 이렇게 원하는 리소스를 선택해서 ctrl + c, ctrl + v 로 프로젝트에 가져..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "16. 피그마 커뮤니티에서 소장해야하는 필수 리소스"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 단축키, 컬러 프로파일, 넛지 피그마에 대해 알아보았다면 이번 시간에는 꼭 소장해야하는 리소스와 생산성 높은 플러그인에 대해 배우는 시간이 될 것 같습니다. 1. 피그마 커뮤니티에서 꼭 소장해야 하는 리소스 필요 이상의 노력을 들이지 않고도 쉽게 작업을 할 수 있도록 돕는 리소스에 대해 알아보겠습니다. 칼퇴를 위한 길이기도 하죠. 1) Google, Material 3 Design Kit 은 이 안의 리소스만 잘 활용해도 그대로 사용해도 될만큼 고퀄리티의 자료들이 포함돼있다고 합니다. 2) Ap..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "15. 단축키, 컬러 프로파일, 넛지 피그마 기본 설정"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 오토 레이아웃을 활용하여 컴포넌트를 구성하는 법을 알아보았다면, 이번 시간은 단축키, 컬러 프로파일, 넛지 피그마에 대해 배우는 시간입니다. 1. 단축키, 컬러 프로파일, 넛지 피그마 기본 설정 * 단축키 작업 효율에 굉장히 많은 영향을 끼치는 3가지 요소는 단축키, 컬러 프로파일, 넛지입니다. 별거 아닌 것 같이 보이는 요소들일지라도 실제로 실무에서 많은 영향을 끼친다고 하니 잘 학습해야할 것 같습니다. 상단의 메뉴에서 Preferences - Keyoard layout 을 본다면 단축키를 확..

[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "14. 오토 레이아웃 활용하여 컴포넌트 관리하기"

https://mcode.co.kr 메타코드M 빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다. mcode.co.kr 안녕하세요~ 하양입니다. 🤗 지난 시간에는 오토 레이아웃을 활용해 아이콘과 썸네일을 만들어보았다면 이번엔 이를 활용해 컴포넌트를 관리하는 법을 학습하는 시간입니다. 1. 오토 레이아웃을 활용하여 컴포넌트 관리하기 일정한 레이아웃 내에서 개체 변경이 빈번하여 앱바, 네비게이션바, 홈화면 메뉴 등을 구성해야할 때 컴포넌트를 관리하는 방법에 대해 알아보겠습니다. Subtract selection 으로 사각형을 빼서 귀여운 집을 하나 만들어보았습니다. 그리고 만든 홈 버튼을 화면 하단에 배치한뒤, 세로는 Fixed로 고정, 가로는 Hug로 설정..

반응형