본문 바로가기

분류 전체보기381

[DevCourse] 생성형 AI 활용 백엔드 데브코스 9일차 오늘은 본격적으로 모던 자바스크립트의 문법과 환경에 대해 다뤘다.모던 자바스크립트는 사용해 본 적이 없어 조금 걱정이었지만, 예제를 통해 직접 적용해보면서 자연스럽게 익힐 수 있었다.🔍 오늘 배운 내용 간단 정리let, const 같은 새로운 변수 선언 방식템플릿 리터럴, 화살표 함수, 구조 분해 할당스프레드/리스트 문법, 디폴트 파라미터npm, webpack, babel 등의 개념과 역할모던 프레임워크들이 사용하는 개발 환경의 기반 지식이전에는 ‘왜 이렇게 복잡하게 쓰지?’ 싶었던 문법들이지금은 그 이유가 조금씩 이해되기 시작했다.🧡 느낀 점오늘 배운 내용은 단순한 문법 암기보다 “자바스크립트를 더 깔끔하고 효율적으로 쓰는 법”을 익히는 과정 같았다.특히 const나 let처럼 작은 문법 하나도 개.. 2025. 4. 15.

[Java] Java 시작하기 🚀 목차 1. Java란 무엇인가?Java는 1995년 Sun Microsystems(현재는 Oracle)에 의해 공개된 객체지향 프로그래밍 언어입니다. 가장 큰 특징은 “한 번 작성하면, 어디서나 실행할 수 있다(Write Once, Run Anywhere)”는 철학이에요. Java는 우리가 작성한 소스 코드를 한 번 컴파일하여 바이트코드라는 중간 언어로 바꾼 뒤, JVM(Java Virtual Machine) 위에서 실행되기 때문에 운영체제나 환경에 상관없이 동일하게 동작할 수 있어요. ✅ Java는 어떻게 실행될까?Java 프로그램은 다음과 같은 과정을 거쳐 실행됩니다 📌 Java 실행 흐름개발자가 작성한 .java 소스코드는javac 컴파일러에 의해 .class 바이트코드로 변환되고,이 바이트코드는.. 2025. 4. 15.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 8일차 오늘은 jQuery를 활용한 이벤트 처리, 폼 제어, 그리고 AJAX 비동기 통신까지 배웠다.처음엔 다소 복잡해 보였지만, 예제를 직접 따라 하면서 손에 익히니 생각보다 흐름이 자연스럽게 이해됐다.💡 오늘 배운 내용을 짧게 정리하면.click(), .hover(), .keydown() 같은 다양한 이벤트 메서드 사용법.val(), .prop() 등을 활용한 폼 입력 제어$.ajax()를 이용해 서버에서 데이터 받아오기 (JSON 처리)복잡한 개념보다는 “어떤 상황에서 어떤 메서드를 써야 할지” 위주로 감을 익혔다. 특히 AJAX 부분에서는 JSON 파일을 불러와서 테이블로 그려보는 실습을 했는데,진짜로 내 코드가 서버에서 데이터를 받아 화면에 그려주는 모습을 보니 재밌었다.🧡 느낀 점오늘 배운 것들은.. 2025. 4. 14.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 7일차 오늘은 자바스크립트의 문자열 처리와 브라우저 객체, 그리고 jQuery라는 새로운 도구까지 배우면서 꽤 다양한 내용을 다뤘다.하나하나 깊게 들어가진 않았지만, 전반적인 흐름을 이해하고 써볼 수 있게 된 것만으로도 의미 있는 하루였다.📌 오늘 간단 정리문자열 메서드: charAt, indexOf, replace, split, trim 등브라우저 객체: window, alert(), confirm() 등 기본 인터랙션 처리객체 생성 방식: 리터럴 방식 vs 생성자 함수jQuery: $()로 요소 선택 후 .text(), .append(), .remove() 등 다양한 조작 가능DOM 탐색과 조작의 흐름 익힘 (부모 → 자식 / 추가 → 삭제) 전체적으로 문자, 요소, 구조를 다루는 방법들을 배운 느낌이었다.. 2025. 4. 11.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 6일차 오늘은 자바스크립트의 제어문, 함수, 객체 같은 기초적인 내용을 다뤘다.이미 다른 언어에서도 접해본 개념들이라 낯설지 않았고, 편하게 들으면서도 알고 있던 내용을 더 확실하게 정리할 수 있었던 시간이었다.🧠 오늘 간단히 정리if, for, while 같은 제어문다양한 방식의 함수 선언과 호출클로저, 콜백 함수 등 함수 심화 개념객체와 Date, Math, Array 같은 내장 객체 활용특히 클로저나 중첩 함수처럼 이름은 익숙했지만 제대로 설명하기 어려웠던 개념들도이번에 흐름 속에서 다시 정리할 수 있어서 좋았다.🧡 느낀 점오늘은 전체적으로 부담 없이 따라갈 수 있었던 수업이었다.익숙한 내용을 다시 다지면서 자바스크립트 문법의 흐름도 더 자연스럽게 잡히는 느낌. 앞으로 배울 이벤트 처리나 DOM 조작도.. 2025. 4. 10.

CSS로 스타일링 시작하기 HTML만으로는 웹 페이지가 너무 밋밋하죠.그래서 우리는 CSS(Cascading Style Sheets)를 사용해 글꼴, 색상, 레이아웃 등 웹의 시각적인 스타일을 입힐 수 있어요.이 글에서는 CSS의 기본 개념부터 꼭 알아야 할 핵심 속성들까지 정리해볼게요.1️⃣ CSS 기본 문법과 구조CSS는 HTML에 다음과 같은 방식으로 스타일을 적용합니다.선택자 { 속성: 값;} 예시:p { color: blue; font-size: 16px;}선택자(Selector)는 어떤 요소에 스타일을 적용할지를 지정속성(Property)은 적용할 스타일 종류값(Value)은 속성에 대한 구체적인 설정CSS 적용 방식인라인 스타일: HTML 요소에 직접 style 속성 사용내부 스타일: 태그를 안에 작성외부 스.. 2025. 4. 10.

이전 1 ··· 9 10 11 12 13 14 15 ··· 64 다음

티스토리툴바