전체 글

🔶 변수컴퓨터에서 연산을 수행할 때 모든 값은 메모리에 저장됩니다. 예를 들어, ``10 + 20 = 30``이라는 연산을 처리하기 위해 CPU는 메모리에 저장된 값을 가져와 연산합니다. 연산 결과를 저장하고 재사용하기 위해선 메모리 주소에 접근해야 하는데, 이를 위해 변수를 사용합니다.변수는 값에 접근하기 위해 사용되는 고유한 이름입니다. 이는 메모리 자체를 지칭하거나 메모리 주소에 접근하기 위한 이름을 의미하기도 합니다. 변수에 붙여진 이름을 변수명, 저장된 값을 변수값이라 부릅니다. 변수를 사용하는 과정에는 다음과 같은 단계가 있습니다.할당 : 변수에 값을 저장하는 과정참조 : 변수에 저장된 값을 재사용하는 과정 🔶 식별자식별자는 메모리에 저장된 값을 식별하기 위해 사용하는 고유한 이름입니다. ..

🔶 자바스크립트의 탄생웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기 위해 만들어졌다. 🔶 자바스크립트 성장과 역사초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위한 한정적 용도로만 사용되었다.1999년, 자바스크립트를 이용해 서버와 브라우저가 비동기(Asynchronous) 방식으로 데이터를 교환할 수 있는 Ajax가 등장했다.2006년, jQuery의 등장으로 다소 번거로웠던 DOM을 더욱 쉽게 제어할 수 있게 되었다.2008년, 구글의 V8 자바스크립트 엔진을 통해 자바스크립트가 데스크톱 애플리케이션과 유사한 사용자 경험(UX)을 제공할 수 있는 웹 애플리케이션 프로그래밍 언어로 정착하게 되었다.2009년, 구글 V8 자바스크립트 엔진으로..

🔶 프로그래밍이란?컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션으로, 0과 1밖에 알지 못하는 기계가 실행할 수 있도록 정확하고 상세하게 요구사항을 설명하는 작업이다.컴퓨터의 관점에서 문제를 사고하는 Computational Thinking을 통해 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하며, 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의해야 한다. 🔶 프로그래밍 언어컴퓨터와의 대화(명령)에 사용되는 일종의 표현 수단으로, 사람과 컴퓨터(컴파일러 또는 인터프리터) 모두가 이해할 수 있는 약속된 형태의 인공어다.프로그래밍 언어는 구문(Syntax)과 의미(Semantics)의 조합으로 표현된다. 🔶 구문과 의미프로그래밍은 언어의 문법에 부합하는 것은 물론이고 수행하고자 하는 바를..

🧐 Problems외과의사 머쓱이는 응급실에 온 환자의 응급도를 기준으로 진료 순서를 정하려고 합니다. 정수 배열 ``emergency``가 매개변수로 주어질 때 응급도가 높은 순서대로 진료 순서를 정한 배열을 return 하도록 solution 함수를 완성해주세요. 💡 Solutionsfunction solution(emergency) { const descending = [...emergency].sort((a, b) => b - a); return emergency.map(value => descending.indexOf(value) + 1);}코드 설명``sort( )`` 메서드를 활용해 배열 요소를 내림차순으로 정렬해줍니다. 이때, 배열에 바로 ``sort( )``를 적용하면 원..

✳︎  운영체제 시작하기✦   운영체제를 알아야 하는 이유    -   운영체제는 실행할 프로그램에 필요한 자원을 할당하고, 올바르게 실행되도록 돕는 특별한 프로그램입니다.    -   운영체제와의 대화를 통해 하드웨어와 프로그램을 더 깊이 이해하고 문제 해결의 실마리를 찾을 수 있습니다. ✦ 운영체제의 큰 그림    -   커널은 운영체제의 핵심 기능을 담당합니다.    -   이중 모드는 CPU가 명령어를 실행하는 모드를 커널 모드와 사용자 모드로 구분하는 방식입니다.    -   시스템 호출은 운영체제의 서비스를 제공받기 위해 커널 모드로 전환하는 방법입니다.    -   대표적인 운영체제 서비스로 프로세스 관리, 자원 접근 및 할당, 파일 시스템 관리가 있습니다.  ✱  프로세스와 스레드✦   프..

🧐 Problems최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 ``array``가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 💡 Solutionsconst solution = (array) => { const frequency = {}; array.forEach(num => { frequency[num] = (frequency[num] || 0) + 1; }); const maxFreq = Math.max(...Object.values(frequency)); const modes = Object.keys(frequency).f..

🧐 Problems첫 번째 분수의 분자와 분모를 뜻하는 ``numer1``, ``denom1``, 두 번째 분수의 분자와 분모를 뜻하는 ``numer2``, ``denom2``가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 💡 Solutionsconst gcd = (num1, num2) => num2 === 0 ? num1 : gcd(num2, num1 % num2);const solution = (numer1, denom1, numer2, denom2) => { const numer = numer1 * denom2 + numer2 * denom1; const denom =..

노마드코더에서 진행된 웹 기초 스터디 7기에 참여했다. 작년 11월부터 올해 1월까지 약 3개월간 함께하며 그동안 총 3개의 졸업 과제를 완성했는데, 각 과제에 대해 4L 회고법을 적용해 정리해봤다. 초반 과제는 4L 중 일부 요소만 선택해 작성했고, 마지막으로 스터디 전체를 돌아보는 4L 회고로 마무리했다. ( •⌄• )✧ 🎄 코코아톡 클론코딩Learned구조적인 HTML 작성과 명확한 클래스 네이밍의 중요성에 대해 배웠다.반복되는 스타일을 효율적으로 관리하는 컴포넌트를 학습할 수 있었다.CSS 애니메이션을 활용해 다양한 효과를 구현하면서 더 깔끔하고 사용자 친화적인 디자인을 만드는 방법을 배웠다.  🤎 바닐라 JS로 크롬 앱 만들기Liked강의 내용에 없던 뽀모또로, 디데이, 배경 색상 변경 기능..