오브제토

카렐(Karel)이란?

스탠포드 대학교에서 수업자료로 사용을 해서 유명해진 교육용 프로그래밍이다.

프로그래밍을 어떤 식으로 해야 하고 더 나아가서 알고리즘의 기초에 대해서 다가설 수 있는 좋은 학습용이다.

자신이 프로그래머가 되고 싶고.. 누구한테 조언을 구할 수 없어 무엇부터 해야 할지 전혀 모르겠는 사람들이 한 번쯤은 체험해보면 아주 좋을 것이다.

간단한 예시들로 프로그래머가 어떤 사고를 가지고 코딩을 해야 하는지 배울 수 있는 좋은 사이트이다.

접속 사이트 : Learn to Program (stanford.edu)

위 사이트를 통해 들어가면 시작화면이 바로 반겨주며 Start 버튼을 눌러 시작을 해보자

우선 간단한 안내를 통해서 우리가 무엇을 다룰 수 있는지 확인을 하자.

도구들을 모두 확인하면 본격적으로 카렐을 움직일 수 있는 명령어들이 나온다.

Unit 3부터 본격적인 코딩을 시작한다. 

해당 사이트를 통해 목적은 프로그래밍이란 무엇인지에 대해 '체험'을 하는 것이지 문제를 푼다고 생각은 하지 않는 것이 좋다고 생각한다.

틀리더라도 부담 없이 풀어보고 모른다면 다른 사람들이 풀어둔 답안지를 보고 실행해보며 나만의 식으로 만들어보자.

카렐과 재밌는 시간을 가졌다면 그때 프로그래밍 언어를 접해보는 것도 좋을 거 같다.

인프런에서 주최하는 오프라인 컨퍼런스 

기술 직군별 커리어, 패널 토크, QnA등 다양한 행사를 준비 중이라고 합니다. 

발표자 공개 모집, 응원 메시지도 받고 있으며

이번년도 8월 26일 금요일날 개최되니 여유가 되신다면 한번 참여해 보시는 것도 좋을 것 같습니다. 

컨퍼런스 소개 링크는 아래에 남겨 드립니다. 

Codepip, 게임으로 쉽고 즐겁게 CSS와 Javascript를 배워보자!

오늘은 CSS의 Flexbox, Grid 개념이나 Javascript의 Scope, ArrayList 개념 등 

웹 개발의 프론트엔드(Front_End) 핵심 기술들을 쉽게 체험해 볼 수 있는 Codepip을 소개합니다. 

MDN의 기술문서 설명, 어렵고 난해하다. 

Flexbox 등의 기술문서 설명은 문서화된 설명으로 접하면 이해하기 굉장히 어렵습니다.  

flexbox의 "주축" 에 대하여 간단히 설명한 것만 해도 벌써 4개의 속성이 등장합니다.

FLEXBOX FROGGY, CSS FLEXBOX 연습을 위한 게임 

FLEXBOX FROGGY 게임은 flexbox의 속성들을 하나씩 적어 보면서

어떻게 작동하는지 알 수 있는 간단한 게임을 통해서 빠르게, 그리고 즐겁게 Flexbox를 체험해 볼 수 있습니다. 

회색의 코드 칸에 flexbox의 속성들을 입력하면, 오른쪽의 개구리가 속성이 적용되는 컨텐츠(Content) 가 됩니다. 

이를 활용해서 화면에 나오는 모든 개구리들을 연꽃 위에 놓을 수 있다면 통과입니다! 

GRID GARDEN, CSS 그리드 연습을 위한 게임 

당근 정원에 물을 주는 Grid Garden도 이해하기 어렵고 난해한 그리드 개념을 

쉽게 이해할 수 있도록 도와주는 좋은 게임입니다. 

Codepip, 누가 어떤 목적으로 운영하는 사이트일까?

Codepip의 게임들은 보통 구글링을 통한 검색으로 들어가면 계정 없이 무료로 체험해 볼 수 있습니다. 

다만, Codepip 사이트를 찾아 다른 게임들을 시도해보려 하면, 계정 가입과 함께 

최하단에 있는 요금제 배너를 볼 수 있습니다. 

다만 영리 목적으로 운영한다기 보다는, 웹 기술에 대한 사람들의 접근성을 높이고,

기술의 러닝커브를 줄이기 위해서 운영하는 면이 큰 것 같습니다. 

CSS Layout에 대한 러닝커브의 이해에 관한 논문을 예시로 들며 사이트 운영 이념을 설명한다.

그 예시로, 해당 Codepip 사이트를 지원하는 단체들을 보면 유명한 기술 기업들이 눈에 띕니다. 

지원하는 그룹들의 목록을 자세하게 한번 살펴볼까요?

Smashing Magazine은 웹 디자이너, 개발자, 웹사이트 퍼블리셔를 위한 온라인 매거진입니다. 

CSS-Tricks는 Digital Oceans 주관의 CSS 매거진으로, Digital Oceans는 세계에서 두 번째로 큰 호스팅 업체라고 합니다. 

또, Mozilla는 파이어폭스(Firefox), MDN으로 웹 개발자들에게 친숙하고 많은 도움을 주는 기업이죠.

A LIST APART는 웹 개발자를 위한 1997년부터 시작된 아티클 사이트입니다. 

다들 웹이라는 업계에 있어 쟁쟁한 이력을 뽐내는 기업들이군요. 

사이트에 대한 신뢰성은 충분히 보장할 수 있다고 봐도 되겠습니다. 

아쉬운 단점, 느린 업데이트 주기

수익모델이 있기는 하지만, 무료로 즐길 수 있는 게임이 많기도 하고 

지속적으로 즐길 수 있는 게임은 아니어서 

업데이트가 좀 뜸하다는 것이 단점입니다. 

FILE의 PATH를 학습할 수 있는 게임이 2021년 11월 15일에 릴리즈 된 것을 마지막으로

업데이트 소식이 뜸한 것 같습니다. 

조만간 Javascript Scope를 쉽고 재미있게 학습할 수 있는 Sherlock Scopes 게임이 나온다고 하니 

기대해 보시는 것도 좋을 것 같습니다. 

시간이 되신다면 Codepip 홈페이지의 여러 게임들을 가볍게 즐겨보시는 것을 추천드립니다. 

개발자들이 많이 이용하는 여러 웹 사이트는 정기적인 설문조사를 통해 

현재 기술 및 업종의 트랜드를 파악할 수 있도록 하는 사이트들이 많이 있습니다. 

오늘은 2021년도 개발 트랜드에 관해 StackOverflow와 Programmers의 설문조사를 비교해 보면서 

국내와 국외 트랜드의 공통점 및 차이점을 알아보도록 하겠습니다. 

두 설문조사 중 연봉에 관한 부분보다는 기술적인 트렌드 위주로 요약하였으니 참고하시기 바랍니다. 

Programmers Dev-Survey 2022 

먼저 Programmers의 2021년 설문조사 결과 요약입니다. 

설문조사 분석에 들어가기에 앞서, 주의하실 점은 Programmers 설문조사는 예비개발자 답변이

다수 포함되어 있다는 점을 주의하시면 좋을 것 같습니다.

1. 통합 개발환경의 변화(IDE, Integrated Development Environment) 

경력 개발자를 대상으로 조사한 결과에 따르면 Visual Studio Code가 점유율면에서 1위를 차지하고 있습니다. 

상승폭도 높으며, Intellij가 그 뒤를 잇는 모양새입니다. 

Eclipse는 예전과 달리 점유율 하락이 점점 눈에 띄게 늘어나고 있습니다. 

Intellij는 역시 주요 기능들을 사용하려면 유료라는 점이 보급화에 걸림돌이 되었다고 생각 해 볼 수 있겠습니다. 

 Notepad나 Vim을 에디터로 사용한다는 답변 2개까지 선택한다는 점을 고려한다면 

종합적인 IDE로써의 역할로 사용한다기 보다는 텍스트 편집 시 사용한다는 뜻으로 유추할 수 있을 것 같습니다. 

2. 프레임워크 점유율 변화

Spring Boot의 점유율이 10%, React의 점유율이 8%정도 늘어난 것이 주목됩니다. 

Spring 역시 아직은 점유율이 20%로 굳건하지만 역시 많은 기업들이 이제 SpringBoot로 전환할 준비를 하는 듯 합니다. 

전자정부프레임워크 4.0이 Boot를 지원한다는 소식도 이러한 전환을 앞당긴 것 같습니다. 

Spring Boot 2.5.4를 지원한다는 전자정부 프레임워크 4.0 안내사항 

3. 클라우드 서비스 점유율 변화

AWS는 클라우드 플랫폼에서 이제 60% 가까이 되는 점유율을 차지하고 있습니다. 

많은 편의성과 서비스 규모에 대한 유연성을 지원하는 것이 역시 큰 장점인 것 같습니다. 

그 외의 다른 서비스들은 구글, 네이버를 제외하면 1~2%의 점유율로 큰 폭으로 차이가 있지는 않네요. 

StackOverflow Developer Survey 2022

이번에는 StackOverflow의 2021년 설문조사 결과 요약입니다. 

표본수는 6만 명, 전세계 기준으로 훨씬 광범위한 조사를 바탕으로 결과를 보여주고 있습니다. 

1. 통합 개발환경의 변화(IDE, Integrated Development Environment) 

통합 개발환경은 Visual Studio Code가 70% 정도로 압도적인 점유율을 보여주고 있습니다. 

Intellij는 28% 정도인데, 외국에서는 Vscode가 두배를 뛰어넘는 점유율을 보여주고 있네요. 

Eclipse는 15% 정도입니다. 

2. 프레임워크 점유율 변화

프레임 워크 점유율은 React.js가 40%로 jquery를 대체하고 있습니다. 

특이한 점은 국내에서는 점유율이 그리 높지 않게 나왔던 Angular가 23% 가까이 높은 점유율을 보여주고 있네요. 

Vue는 React와 앞다투어 달리는 국내와는 달리 고전하고 있는 모습입니다. 

3. 클라우드 서비스 점유율 변화

클라우드 플랫폼은 국내와 마찬가지로 AWS가 50% 이상 차지하고 있습니다. 

다만 그 뒤를 Google Cloud와 MS Azura가 무섭게 따라오는 모습입니다. 

오라클은 클라우드 사업에 적극적으로 투자하고 있는 모습과는 달리 2%가 안되는 점유율을 보여주고 있습니다. 

결론, 해외 개발기술 트렌드와 국내 개발기술 트렌드는 유사하게 흘러간다. 

많은 항목들 중에 IDE, Framework, CloudService 총 세 가지만을 놓고

StackOverflow와 Programmers의 2021 통계를 비교해 보았는데요. 

흥미로운 점은 국내의 트랜드와 해외의 기술 트랜드가 그리 크게 차이나는 것 같지는 않는다는 점입니다. 

그 외에도 많은 항목들이 있으므로 직접 통계를 살펴보시고 

관심 있으신 기술 동향이나 통계의 세부 사항등을 잘 살펴보신다면 

앞으로의 방향성을 더 잘 가늠하실 수 있으리라 생각합니다. 

StackOverflow와 Programmers의 2021 개발자 설문조사, 꼭 한번 살펴보시기를 추천드립니다.