블로그

조성호

[인프런 비즈니스] 교육담당자의 개발직무 파헤치기: 백엔드편

안녕하세요, 인프런 비즈니스팀 호야 입니다😀 혹~싀!개발/프로그래밍 관련 용어들이 외계어처럼 느껴지는 분들 계시나요?!(제가 사실 그랬습니다,,허허허) 개발/프로그래밍 관련 용어들이 낯설고, 개발 직무가 여전히 생소한 우리 교육 담당자님들을 위해 준비했어요!앞으로 연재형 포스팅으로 백엔드부터 데이터 사이언스까지 개발 직무와 관련된 모든 것들을 낱낱이 파헤쳐 볼 생각입니다 :) 자! 그럼 이제 다들 인프런 비즈니스팀의 성장일기 열차에 탑승하실 준비가 되셨나요~?준비가 되셨다면 백엔드부터 본격적으로 파헤쳐 보는 성장일기 열차 출발하도록 하겠습니다!! 출~바알! 본격 백엔드 파헤치기백엔드란? 말 그대로! "뒷단"이란 뜻인데요!사용자가 볼 수 없는 영역인 데이터베이스나 서버를 관리하는 분야를 말합니다.예시로 쉽게 설명해드리면, 우리가 로그인할 때 정보를 확인하고, 일치 여부를 결정하는 역할을 하기도 하구요!상품을 구매할 때, 주문을 처리하고 결제를 완료하는 것도 백엔드의 영역이라고 생각하시면 됩니다😀 그렇다면! 백엔드에서 가장 많이 쓰이는 대표적인 스킬태그는 뭐가 있을까요?! 백엔드 대표 스킬태그Spring: Java 백엔드 개발에 떼어놓을 수 없는 Java 기반 오픈소스 경량급 애플리케이션 프레임워크 *프레임워크란? 목적 달성을 위해 복잡하게 얽혀있는 문제 해결 구조로 소프트웨어 개발 뼈대 역할*오픈소스란? 모든 개인 및 기업에게 무료로 오픈되어 있는 것을 뜻함*경량급이란? 기존에 사용하던 기술들과 비교하여, 상대적으로 코드가 단순함을 뜻함 Spring Boot: Spring으로 애플리케이션을 만들 때 필요한 설정을 간편하게 처리해주는 별도의 프레임워크*URL 이 길어서 'URL 줄이기' 를 사용하는 것과 같은 맥락이랍니다 😀Java: 무려 1995년에 개발된 객체 지향 프로그래밍 언어로, 수백만 개에 달하는 엔터프라이즈 소프트웨어에 활용되고 있는 백엔드 개발에 근간이 되는 언어 MVC: Model View Controller의 약자로, 소프트웨어 개발에서 흔히 사용되는 설계 패턴*마치 문과생에게 있어 PPT/기획서 작성 패턴과 동일한 느낌이랄까요 😀JPA: Java Persistence API의 약자로, 현재 자바 진영의 ORM 기술 표준(인터페이스 모음)*API는 한 번 쯤 들어보셨을 수도 있는데, 어렸을 때 갖고 놀던 다마고치 / 팬들럼과 비슷하다고 생각하시면 돼요!(서로 다른 기기를 붙이면 연동돼서 같이 놀 수 있었던 그 때 그 갬성이랄까요,,ㅋㅋㅋ)*API란? 각각 다른 종류의 소프트웨어를 연결시켜주는 서비스*ORM이란? Object Relational Mapping의 약자로, 애플리케이션과 데이터베이스를 개발 언어로 연결시켜주는 툴지금까지 가장 대표적인 다섯 가지 백엔드 스킬태그에 대해 살펴보았는데요!굉장히 생소한 용어들이 많이 들어가있죠😅아무래도 전공자가 아니라면 백엔드에 대해 모르시는게 어찌 보면 당연한 거라고 생각해요!다만, 이번 기회를 통해 조금이나마 백엔드에 대한 기초 지식을 쌓을 수 있었다는 것 자체로너무 귀중한 시간이 되지 않았나 생각이 듭니다!앞으로 우리 교육 담당자님들이 IT교육 커리큘럼을 기획하고, 개발자분들과 원활히 소통하시는데 조금이나마 도움이 될 수 있도록 개발직무 파헤치기 컨텐츠를 계속적으로 연재할테니까요! 많은 관심 부탁드립니다 😀우리 함께 배우고, 나누고, 성장해요!교육담당자님을 위한 Tip! (개발자에게 아는 척하면 붐업킹 되는 추천 강의)Spring 추천 로드맵: 우아한형제들 최연소 기술이사 출신 김영한의 스프링 완전 정복Java 추천 로드맵: 누적 수강생 30만명 최다 학습 지식공유자, 김영한의 실전자바Spring Boot 와 JPA 추천 로드맵: 스프링 부트와 JPA 실무 완전 정복

경영･인프런비즈니스･비즈니스･인프런기업교육･기업교육･DT교육･DX교육･IT교육･개발교육･교육컨텐츠･백엔드

에리얼

인프런 비즈니스 대시보드, 어떻게 써야할까? 100% 활용하기!

인프런 비즈니스 서비스, 어떻게 쓰고 있는지 궁금하신가요 ? 인프런 비즈니스에서는 IT에 특화된 강의 및 실무 강의들로 약 3,100개 이상의 콘텐츠를 제공하고 있으며, 한달 평균 65개의 강의가 새롭게 업로드 되어 최신 강의를 빠르게 필요한 실무자들에게 제공할 수 있습니다. 또한, 이미 누적 수강생 1,200만명이 인프런을 통해 학습하고 있습니다.오늘은 다양한 인프런 비즈니스 기능 중, '대시보드' 기능을 설명드리고자 합니다.대시보드 기능이란?- 학습자분들이 수강한 학습 현황, 학습 시간, 강의 평점, 인기 카테고리 및 인기 스킬태그를 관리자가 확인하기 쉬운 형태인 '대시보드' 로 제공하며,이에 맞춰 학습 독려 메일 발송 및 강의관리까지 연계 가능한 관리자 편의형 기능입니다.인프런을 사용하시는 비즈니스 관리자분들에게 받았던 피드백 중 바로 '어떤 강의를 선호하며, 어떤 데이터를 통해 강의를 제공해야 만족할까? '에 대한 부분이 유독 많았는데요.사실 관리자 분들께서도 교육 서비스 제공 시, 학습자분들에게 실질적으로 도움이 되는 강의 주제를 맞추기 어려우실 수 있을 것 같습니다. 많은 인터뷰를 듣고 난 뒤, 인프런에서 관리자님들의 편의를 위해  “대시보드” 기능을 새로 출시하였습니다! 대시보드 내 인기 카테고리 , 인기 스킬태그 등을 통해 실제로 학습하는 학습자분들의 강의 유형을 알고, 수강평을 통해 강의 만족도를 파악하여 추후 해당 카테고리의 강의들을 보강할 수 있는 중요한 역할을 하고 있습니다.TIP 하나 더!대시보드를 보고 나서, 더 자세히 “우리회사가 어떤 강의를 가장 많이 듣고 얼마나 듣지?”를 알고 싶으시다면, 담당 영업매니저에게 살짝 ‘이용보고서’를 문의해보세요! 빠르고 정확하게, 해당 기간 내 이용보고서를 공유드립니다 :) 우리 모두, 교육에 진심이니까!임직원들이 만족하고, 실제 역량에 도움이 되는 교육을 위해, 인프런 비즈니스는 계속해서 노력하겠습니다. 

업무 자동화･대시보드･업무자동화･비즈니스･교육･사내교육･IT교육･DX교육･비즈니스교육･실무강의･강의

조성호

[인프런 비즈니스] 교육담당자의 개발직무 파헤치기: 프론트엔드편

안녕하세요, 인프런 비즈니스팀 호야 입니다😀 이~번에는!지난 번 연재했던 백엔드편에 이어 프론트엔드에 대해 다뤄볼 예정인데요!기술 용어를 살펴 보기에 앞서, 프론트엔드는 지난 역사를 조금 알아두시면 더 재밌게 보실 수 있을 거예요. 쿄쿄쿄 본격 프론트엔드(FE) 파헤치기프론트엔드란? 말 그대로! "앞단"이란 뜻으로,사용자가 웹 페이지를 열었을 때 볼 수 있는 화면(웹페이지 레이아웃, 메뉴, 디자인 요소 등)과 같이사용자와 직접 상호작용할 수 있는 사용자 인터페이스를 말합니다. 프론트엔드 분야는 기술이 근 10년간 굉장히 빠르게 발전해왔는데요!인터넷의 등장과 구글/페이스북과 같은 거대 웹 서비스들이 큰 성공을 이루면서,웹에 대한 개념과 기술이 상당히 빠른 속도로 발전하게 됐습니다!!(여담이지만 486, 586 컴퓨터를 기억하시는 분이라면..모르긴 몰라도 당시의 웹이 지금과 같지는 않...았..☆ 또르륵😿) 그리고 웹 서비스의 성공과 함께 찾아온 스마트폰 혁명으로 모바일 시장이 개척되면서,프론트엔드 기술은 다시 한 번 비약적인 발전을 이루게 되었습니다! 그렇다면! 왜!웹 서비스와 스마트폰 시장 확대가 프론트엔드 기술 발전으로 이어진 것일까요?! 우리의 삶이 디지털 트랜스포메이션(이하 DT) 되면서 굉장히 많은 것들을 온라인에서 생산하고, 소비할 수 있게 되었는데요!그 과정에서 초기 사업의 프로토타입이나 사용자를 유인하기 위한 UI/UX가 굉장히 중요해짐에 따라웹 개발과 UI/UX 표현을 위해 필수적인 프론트엔드 기술이 자연스럽게 발전하게 되었다고 볼 수 있습니다!🔥🔥(특히 구글, 페이스북, MS 등 다수의 빅 테크기업들이 웹 분야 기술 리더십을 유지하기 위해 경쟁적으로 신기술들을엄청나게 만들어내고, 웹이라는 생태계 특성 상 누구나 생태계에 참여할 수 있게 되면서 유래 없는 발전을 이루게 되었습니다) 그렇다면 우리가 꼭 알아야되는 프론트엔드 대표 스킬태그는 무엇이 있는지 바로 확인 한 번 해볼까요?! 프론트엔드(FE) 대표 스킬태그TypeScript: 프론트엔드 개발에 있어 떼어놓을 수 없는 필수불가결 언어(TypeScript 작성→JavaScript 코드 출력)- TypeScript는 MS에서 구현한 언어로, JavaScript의 모든 기능을 포함하면서 개발 안정성을 높이는 기능을 갖추고 있습니다.Angular: 구글이 만든 강력한 오픈소스 자바스크립트 프레임워크 (오픈소스 뜻은 백엔드편 참고!)- 프로젝트 생성부터 코드 최적화 작업까지 모든 작업에 사용할 수 있는 폭 넓은 프레임워크 입니다.- 그만큼 전체적인 개발 과정에서 가장 다루기 힘든 프레임워크라는 평가를 받습니다.- 다루기 힘든 만큼 잘만 활용하면 굉장히 좋은 결과물을 만들 수 있기에 장기 프로젝트&큰 규모의 앱을 개발할 때 좋습니다.React: 메타(구 페이스북)가 오픈소스로 공개한 자바스크립트 라이브러리*라이브러리란? 의미 그대로 프로그래밍에 필요한 지식/기능들을 모아둔 집합소(도서관). 필요할 때마다 기록된 코드를 사용 할 수 있음- 다양한 FE 작업 환경에서 쉽게 도입할 수 있다는 엄청난 장점이 있습니다.- FE 분야에서 점유율이 가장 높기 때문에 숙련도가 높은 개발자를 포함한 개발 인력 확보가 수월합니다.- React는 Angular와 다르게 데이터 흐름이 한 방향으로만 흐르는 단방향이서 데이터 흐름 예측에 용이합니다.Vue.js: 대규모의 커뮤니티와 개발자들이 합심하여 만든 오픈 소스 프로그레시브 자바스크립트 프레임워크- 다른 자바스크립트 라이브러리와의 호환 및 명령 자체가 쉬워서 개발 과정에 빠르게 활용할 수 있습니다.- 시장 진입 단계 또는 작고 가벼운 애플리케이션을 개발할 때 많이 활용됩니다.알아두면 좋은 FE 지식 Plus!*Native App(네이티브앱)이란? 우리가 흔히 말하는 '애플리케이션'. 안드로이드는 Kotlin/Java 로 iOS는 Swift/Objective C로 만들 수 있음. 앱 성능이 제일 좋으나, 해당 플랫폼에서 요구하는 언어를 개발자가 잘 알아야 함*Mobile Web+APP(모바일웹앱)이란? PC용 페이지를 모바일 크기에 맞춰 마치 앱인 것처럼 제공하는 형태. 모든 기기와 브라우저에서 접근 가능하나! 유저가 브라우저를 열고 검색해서 들어가야하는 불편함 발생*Hybrid App(하이브리드앱)이란? 네이티브앱 + 웹앱(네이버 지도 앱 자세히 보면 웹뷰를 앱에서도 동일하게 볼 수 있어요!). 모바일과 웹에서 다양한 개발이 가능하나, 브라우저의 성능이 떨어지면 앱 구동 속도 저하 *Cross-Platform(크로스 플랫폼)이란? 한 가지의 개발 언어와 프레임워크로 안드로이드, IOS 두 가지의 네이티브 앱을 만드는 개발 방식. 대표적으로 Flutter, React Native(인프런에서 사용중인 라이브러리) 등이 있음 역시나 이번에도 굉장히 생소한 용어들이 많이 들어가있죠😅아무래도 전공자가 아닌 이상, 프론트엔드에 깊이 알지 못하는 건 어찌보면 당연할지 모릅니다!다만, 이번 기회를 통해 조금이나마 프론트엔드에 대한 더욱 알게 되고 관련 지식을 쌓을 수 있었다는 것 자체로너무 귀중한 시간이 되지 않았나 생각이 듭니다!앞으로 우리 교육 담당자님들이 IT교육 커리큘럼을 기획하고, 개발자분들과 원활히 소통하시는데 조금이나마 도움이 될 수 있도록 개발직무 파헤치기 컨텐츠를 계속적으로 연재할테니까요! 많은 관심 부탁드립니다 😀우리 함께 배우고, 나누고, 성장해요!교육담당자님을 위한 Tip! (개발자에게 아는 척하면 붐업킹 되는 추천 강의)JavaScript & TypeScript 로드맵: 자바스크립트부터 타입스크립트까지React 추천 로드맵: 프로가 되는 프론트엔드 개발자 커리어 시작하기Vue.js 추천 로드맵: Vue.js로 완성하는 프론트엔드 개발자 로드맵

경영･인프런비즈니스･비즈니스･인프런기업교육･기업교육･DT교육･DX교육･IT교육･개발교육･교육콘텐츠･프론트엔드