Bin's Blog

들어가며 내가 수강생으로서 SW 교육 경험했었기 때문에 이와 관련된 에듀테크 시장 동향을 파악하는 글을 포스팅하고 싶었다. 팬데믹 이후 우리의 삶에서 많은 부분들이 변화했다. 가장 많이 변화했던 부분은 바로 교육 부분이다. 대면 교육이 어렵다 보니 비대면 교육이 많이 증가했고 이에 따라 에듀테크 시장도 활활 타올랐다. 따라서 오늘은 에듀테크 시장이 어떻게 흘러가고 있는지 살펴보자. 에듀테크란? 에듀테크란 교육과 기술의 합성어이다. 인공지능, 빅데이터, 가상현실, 증강현실 등 정보통신기술을 활용한 차세대 교육을 의미한다. 이전에는 이러닝(전파-방송기술을 활용하여 이루어지는 학습), 스마트 러닝(스마트폰, 태블릿 PC 등 스마트 디바이스와 신기술이 융합된 개념)과 같은 온라인 학습에 대한 디지털 교육 전환이..

들어가며 오늘은 HTML에서 다뤄보려고 한다. 실제로 이 주제는 내가 면접에서 받았던 질문이다. 그 당시를 회상하면, 시맨틱태그에 대해서 알긴 하나 대답의 깊이가 없는 나의 모습을 반성하면서 꼭 포스팅을 해야겠다고 결심했다. 왜 시맨틱 태그가 중요해서 면접에서 단골로 질문이 나오는지 살펴보자. 시맨틱 태그란? 내가 프로젝트를 했었을 때는, 시맨틱 태그를 사용하지 않아도 태그를 활용해서 웹 문서를 만들었다. 사실 그 당시에는 시맨틱 태그가 무엇인지, 왜 중요한지에 대한 이해 자체가 없었다. 우리가 시맨틱 태그를 사용해야 하는 이유는 다음 3가지로 말할 수 있다. 1️⃣ HTML 문서의 가독성과 유지보수가 쉬워진다. 실제로 프로젝트에서 div를 많이 쓰다보면 div지옥에 빠져서 나중되면 어디가 어느 부분인지..

들어가며 나는 여지까지 Vue.js, React.js를 사용해서 프로젝트를 한 경험이 있다. 그러다가 새로운 프레임워크를 활용해서 사이드 프로젝트를 하고 싶다는 생각이 들었다. "어떤 프레임워크를 사용할까?" 고민을 하다가 지난번에 JS Framework & Library 트렌드라는 주제로 글을 썼던 당시를 회상했다. 📚지난 글 보기 JS Framework & Library 트렌드 들어가며 먼저, 왜 이 글을 남기고 싶었는지 이유에 대해서 말하겠다. 자바스크립트의 프레임워크 & 라이브러리(편의상 프레임워크라고 쓰겠다)는 내가 생각한 것보다 많고, 아직도 모르는 게 hobin49.tistory.com 내 눈길을 끌었던 프레임워크는 Svelte이었다. 지속적으로 유저들한테 관심을 받고 있고 사용률도 늘어나고..

들어가며 이 글이 200번째 글이다. 그동안 반 년이라는 시간 동안에 쉼 없이 써왔다. 때로는 지쳐서 쉬기도 했지만 200개의 글을 써보자고 목표를 잡고 달려왔는데 목표에 달성한 나에게 박수를 보낸다. 200개의 글을 써오면서 "어떻게 하면 더 글을 잘 정리할 수 있을까? 어떻게 하면 글에 내 생각을 담을 수 있을까?"등 여러 고민을 해왔다. 그리고 이제는 양질의 글을 써야겠다 다짐했다. 오늘부터 자바스크립트에 대해서 더 깊게 알아보는 시간을 가지려고 한다. 제목도 "생각하는 자바스크립트"라고 지은 이유도 이 시간을 통해서 자바스크립트에 대해서 더 깊게 고민해 보는 시간을 가졌으면 좋겠다는 의미에서 지었다. "나는 왜 자바스크립트를 공부할까?"에 대한 이제까지의 나의 답은 "Front-End 개발자가 되..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 📝문제 요약 1️⃣ X축과 Y축으로 이루어진 2차원 직교 좌표계에 중심이 원점인 서로 다른 크기의 원의 두 개 주어진다. 반지름을 나타내는 두 정수 r1, r2가 매개변수로 주어진다. 2️⃣ 두 원 사이의 공간에 X좌표와 Y좌표가 모두 정수인 점의 개수를 return 하도록 solution 함수를 완성해라. 📚중요 포인트 1️⃣ 핵심은 작은 원과 큰 원 사이의 정수인 지점을 구해야 한다. 2️⃣ 작은 원의 경계선에 있는 점을 세면, 그 점은 큰 원과의 공간에는 포함되지 않는다. 따라서 작은 원의 경계선에 있는..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 📝문제 요약 1️⃣ 콜라츠 추측을 이용해서 자연수 k가 1이 될 때까지 다음 작업을 반복한다.(짝수는 2로 나누고, 홀수면 3으로 나누고 1을 더한다, 나온 수가 1보다 크면 계속 과정을 반복한다) 2️⃣ 초항이 k인 우박수열의 꺾은선 그래프를 정적분한다. 3️⃣ 어떤 범위에 대한 정적분의 결과를 구해야 한다. 4️⃣ 주어진 구간의 시작점이 끝점보다 크면 결과는 -1, 같으면 결과 0을 반환한다. 📚중요 포인트 1️⃣ 나는 크게 3가지 함수를 구현해서 문제를 해결하고자 했다. 우박 수열을 구하는 함수, 구간의..

들어가며 지난 시간에는, 스레드와 멀티스레딩에 대해서 살펴 보았다. 오늘은 프로세스와 스레드 마지막편이다. 공유 자원과 임계 영역과 교착 상태에 대해서 알아보려고 한다. 공유 자원과 임계 영역이 서로 어떤 연관성이 있는지를 이번 포스팅을 통해서 알아보려고 한다. 공유 자원 공유 자원은 시스템 안에서 프로세스, 스레드가 함께 접근할 수 있는 모니터, 프린터, 메모리, 파일, 데이터 등 자원이나 변수 등을 의미한다. 이 공유 자원을 두 개 이상의 프로세스가 동시에 읽거나 쓰는 상황을 경쟁 상태라고 한다. 동시에 접근을 시도할 때 접근의 타이밍이나 순서 등이 결괏값에 영향을 줄 수 있다. 공유 자원은 효율적으로 리소스 사용을 가능하게 하지만, 동기화 문제를 해결하지 않으면 안정성이나 성능 문제로 이어질 수 있..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 📝문제 요약 1️⃣ 준호가 보유한 병사 n명으로 연속되는 적의 공격을 순서대로 막는 게임이다. 2️⃣ 매 라운드마다 enemy[i]마리의 적이 등장한다. 남은 병사 중 enemy[i]명 만큼 소모하여 enemy[i] 마리의 적을 막을 수 있다. 3️⃣ 무적권이라는 스킬이 있으며, 무적권을 사용하면 병사의 소모없이 한 라운드의 공격을 막을 수 있다. 최대 k번까지 사용가능하다. 4️⃣ 준호가 몇 라운드까지 막을 수 있는지 return하도록 해라. 📚중요 포인트 1️⃣ 핵심은 병사의 수가 많이 존재하는 라운드는 ..

들어가며 지난 주, 기본형 데이터와 참조형 데이터를 작성했을 때에 말한대로 오늘은 얕은 복사와 깊은 복사에 대해서 알아보는 시간을 가지려고 한다. 오늘 주제는, 실제로 내가 면접 때 받았던 질문이었고 내가 제대로 답변을 하지 못한 부분이다. 따라서 제대로 이해하고 넘어가야 하는 부분이다. 얕은 복사 얕은 복사는 바로 아래 단계의 값만 복사하는 방법이다. 객체의 첫 번째 레벨의 속성만 복사한다. 만약 그 속성의 값이 참조형(객체 또는 배열)이면 그 내부의 속성이나 요소는 복사되지 않는다는 뜻이다. 예시를 보자. let obj = { a: 1, b: { c: 2, d: 3 }, e: [4, 5] }; 이 객체에 대한 첫 번째 레벨의 속성은 "a", "b", "e"이다. 만약 얕은 복사를 수행하면, "a", ..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 📝문제 요약 1️⃣ 이 보드게임은 격자모양 게임판 위에서 말을 움직이는 게임으로, 시작 위치에서 목표 위치까지 최소 몇 번만에 도달할 수 있는지 말하는 게임이다. 2️⃣ 말의 움직임은 상, 하, 좌, 우 4방향 중 하나를 선택해서 게임판 위의 장애물이나 맨 끝에 부딪힐 때까지 미끄러져 이동하는 것을 한 번의 이동으로 친다. 3️⃣ 말이 목표위치에 도달하는데 최소 몇 번 이동해야 하는지 return하는 solution 함수를 완성해라. 📚 중요 포인트 1️⃣ 게임판 위의 장애물이나 맨 끝에 부딪힐 때까지 미끄러..