전체 글
지금까지 작성된 모든 글을 확인해 보세요.
총 5페이지 중 5페이지
[C/C++] C 언어 다시 파고들기
C 언어의 `main` 함수는 외부 인자를 처리하고 운영체제(OS)에 종료 상태를 전달하며, `printf`와 `scanf`는 각각 출력된 바이트 수와 성공적으로 입력된 변수 개수를 반환합니다. 또한, 데이터 타입의 크기는 표준으로 고정되어 있지 않고 시스템에 따라 달라집니다. 이처럼 당연하게 사용하던 기초 문법의 숨겨진 원리를 파고드는 과정은 프로그램의 안정성을 높이고 개발 역량을 키우는 데 큰 도움이 됩니다.
JavaScript - 변수의 선언
JavaScript 변수 선언 키워드 중 `var`는 함수 레벨 스코프와 호이스팅 문제로 인해 예기치 않은 버그를 유발할 수 있어 사용을 지양해야 합니다. 이를 보완하기 위해 ES6에서 도입된 `let`과 `const`는 블록 레벨 스코프를 따르고 재선언이 불가능하여 더 안전하고 예측 가능한 코드 작성을 돕습니다. 현대 개발에서는 기본적으로 재할당이 불가능한 `const`를 사용하고, 재할당이 필요한 상황에서만 제한적으로 `let`을 사용하는 것이 권장됩니다.
[멀티캠퍼스] 풀스택 개발자 아카데미 (6) - React
React는 가상 DOM, 컴포넌트, State/Props 등의 핵심 개념을 통해 효율적인 UI 개발을 돕는 웹 프론트엔드 라이브러리입니다. 현재는 기존 CRA 방식 대신 개발 속도가 빠른 Vite가 표준으로 자리 잡았으며, Redux Toolkit과 Next.js 등을 활용한 생태계가 활성화되어 있습니다. 따라서 교육 과정의 아쉬운 점을 보완하기 위해 CRA나 순수 Redux 대신 현대적인 개발 트렌드와 도구를 학습하는 것이 중요합니다.
[멀티캠퍼스] 풀스택 개발자 아카데미 (5) - jQuery(2)
jQuery는 DOM 요소를 삽입·삭제하고 속성 및 클래스를 동적으로 제어하는 다양한 메서드를 제공하며, 보안과 상태 관리를 위해 적절한 메서드를 구분하여 사용해야 합니다. 또한 슬라이드, 페이드 등 다채로운 시각적 효과를 구현할 수 있으며, 애니메이션 오작동을 방지하기 위해 `stop()` 메서드로 큐를 제어하는 것이 중요합니다. 마지막으로 이벤트 발생 시 `preventDefault()`와 `stopPropagation()` 등을 활용해 기본 동작 및 이벤트 전파를 정교하게 제어할 수 있습니다.
[멀티캠퍼스] 풀스택 개발자 아카데미 (4) - jQuery
jQuery는 뛰어난 호환성을 가진 가벼운 JavaScript 라이브러리로, 다운로드나 CDN 방식으로 연동하여 HTML과 CSS를 효율적으로 제어할 수 있습니다. CSS와 유사한 문법의 다양한 선택자를 활용해 요소를 쉽고 정교하게 선택 및 조작할 수 있도록 지원합니다. 또한 직관적인 문법으로 여러 이벤트를 처리할 수 있으며, 동적 요소에 대한 이벤트 바인딩과 이벤트 전파 제어 기능도 함께 제공합니다.
[멀티캠퍼스] 풀스택 개발자 아카데미 (3) - JavaScript(2)
본문은 자바스크립트의 배열 복사 방식(참조·얕은·깊은 복사), 다양한 함수 선언 방식, 그리고 객체(내장·BOM·DOM)의 개념과 특징을 설명합니다. 또한 이벤트 제어 방식과 폼 유효성 검사 예제를 통해 실용적인 웹 페이지 구현 방법을 다룹니다. 마지막으로 풀스택 교육 과정의 수업 내용에 대한 아쉬움과 코드 개선 방향에 대한 개인적인 회고를 덧붙였습니다.
[멀티캠퍼스] 풀스택 개발자 아카데미 (2) - JavaScript
자바스크립트는 웹 페이지를 동적으로 구현하는 스크립트 언어로, 유지보수에 유리한 외부(External) 방식 사용과 현대적 변수 키워드인 `let` 및 `const` 사용이 적극 권장됩니다. 변수의 호이스팅 현상과 스코프 특성을 이해하는 것이 중요하며, 에러 유발 가능성이 큰 구식 변수 `var`은 지양해야 합니다. 작성자는 참여 중인 자바 교육 과정에서 실무 트렌드와 달리 부작용이 많은 `var` 사용을 권장하는 교육 방식에 아쉬움을 표했습니다.
[멀티캠퍼스] 풀스택 개발자 아카데미 (1) - HTML/CSS
HTML은 웹 페이지의 기본 뼈대와 구조를 만드는 마크업 언어로, 시멘틱 태그를 사용하여 문서의 의미를 명확히 전달합니다. 이에 대응하는 CSS는 단순 나열된 HTML 정보에 다양한 스타일과 레이아웃을 적용하여 시각적 완성도를 높이는 역할을 합니다. 특히 CSS는 박스 모델, Flexbox, 그리고 미디어 쿼리를 활용한 반응형 웹 기술을 통해 다양한 환경에 최적화된 웹 페이지 디자인을 가능하게 합니다.
Vite + ReactJS 프로젝트 시작하기 (ESLint/Prettier)
React는 뛰어난 유연성을 가진 UI 라이브러리이며, 최근에는 기존 CRA 대신 개발 및 빌드 속도가 압도적으로 빠른 Vite를 사용하여 프로젝트를 시작하는 것이 공식 권장됩니다. 프로젝트 생성 시 TypeScript와 SWC 조합을 선택하면 성능을 극대화할 수 있습니다. 이후 경로 별칭(path alias) 설정과 ESLint 및 Prettier 구성을 통해 가독성과 코드 일관성이 보장되는 최적의 개발 환경을 구축할 수 있습니다.
[Dev-log] Hello World!
초보 개발자를 뜻하는 'BlueNyang' 객체를 생성 및 초기화하고 'Hello World!'를 출력하는 C++ 코드입니다. 이는 새로운 개발의 시작을 알리는 상징적인 메시지를 담고 있습니다.