개발자를 위한 13가지 필수 기능✨

2023. 1. 30.

개발자를 위한 13가지 필수 기능✨

Vol.13

오늘의 위-레터는요 💌

> 개발자를 위한 13가지 필수 기능

> 구독자님이 몰랐던 20가지 Git 명령

> 프론트엔드 개발자에게 도움 될 12가지 도구

> 커뮤니케이션을 잘하는 5가지 방법

위-디터 Pick💘

개발자를 위한 13가지 필수 기능 🕗 7분

웹 프로그래밍 기술이 빠르게 발전하는 만큼, 개발자로서 '지속적인 배움'은 떼어놓을 수 없죠. 그래서 가져왔어요! 개발자가 알아두면 좋을 필수 기능 모음zip을요🙌🏼 개발에 조금이라도 관심이 있다면 익숙한 HTML, CSS, JavaScript, Git 등 정보들을 소개한답니다💁🏻

잠깐! 개발 용어 간단히 알고 넘어가요 📖

HTML

웹페이지를 만들기 위한 뼈대 언어

CSS

웹페이지를 꾸미는 디자인 언어

JavaScript

웹페이지에 생동감을 불어넣는 언어

React.js

눈에 보이는 영역인 프론트엔드에 특화된 언어

Git

개발 소스코드를 효과적으로 관리하는 공개 소프트웨어

API

다른 프로그램 코드와 상호작용하는 곳

Vue.js

자바스크립트 *프레임워크(개발의 필수 기능 구현을 돕는 역할)

이 글은 Ishrat 원문 글을 읽기 쉽게 번역하고 요약했어요.

❶ HTML/CSS/JavaScript Cheatsheet

HTML, CSS, JavaScript 코드 예제

❷ JavaScript Cheatsheet

초보자를 위한 자바스크립트

❸ React.js Cheatsheet

리액트 매니아를 위한 간단하면서도 유용한 기능

❹ Cheatography

5천 개 이상의 웹 개발, 비즈니스, 게임, 건강, 디지털 마케팅 등 기능

❺ Java Cheat Sheets

교과서에서 가장 많이 사용하는 자바 언어 기능 및 API

❻ OverAPI

대부분의 프로그래밍 언어 기능

❼ Devhints

언어 기초의 핵심 내용을 간결하게 전달

❽ Gitsheet

매우 간단한 깃 명령 기능

❾ HTML5 Canvas Cheat Sheet

2D 컨텍스트, 선 스타일, 색상, 그림자 등 모음

❿ Web Developer’s SEO Cheat Sheet

웹 개발자를 위한 SEO(검색 엔진 최적화) 팁

⓫ Easing functions

애니메이션 속도를 조정하여 다양한 효과를 만들 수 있는 이징 기능

⓬ CSS3 Animations

프로젝트에 사용하는 애니메이션 효과

⓭ CSS Grid

CSS 그리드는 약간 어려울 수 있음

>> 원문보기

(출처 ⓒdev_Ishrat, velog_songyi7091)

구독자님이 몰랐던 20가지 Git 명령 🕗 14분

보석같이 숨어있던 Git 명령을 모아둔 아티클을 가져왔어요💎 이 기능들을 알아 둔다면, 개발 실력을 한층 업그레이드할 수 있을 거예요📈 스텝별로 상세히 설명하고 있으니 북마크를 권장할게요📚

>> 더보기

(출처 ⓒvelog_surim014)

프론트엔드 개발자를 위한 12가지 무료 도구

CSS의 다양한 도구 모음zip📚을 소개할게요. 그라데이션 생성기, 키보드 이벤트 생성기, 커서, 가짜 데이터 생성기 등. 프론트엔드에서 사용할 만한 흥미로운 12가지 도구들을 제공하고 있답니다😋

>> 더보기

(출처 ⓒomatsuri)

MD 직무를 하다 개발이란 매력에 빠졌죠 🕗 6분

'대체 가능하지 않는 사람'이 되기 위해 개발자에 도전한 인터뷰🎙를 소개해 드릴게요. 패션디자인 학과를 전공하고 MD 직무를 이어오다, 용기 있게 커리어 전환을 하셨답니다. 혹시 커리어 전환을 두고 망설인 경험 있으신가요? 그렇다면 이 영상이 구독자님에게 동기부여가 되길 바랄게요🫶🏻

>> 더보기