꿈꾸며 개발하기

JavaScript를 사용하여 데이터를 다양한 방식으로 "표시"할 수 있습니다. innerHTML을 사용하여 HTML 요소에 작성하기 innerHTML 속성을 사용하여 HTML 요소의 내용을 동적으로 변경할 수 있습니다. 예를 들어, document.getElementById('elementId').innerHTML = '텍스트';와 같이 사용하여 특정 요소의 내용을 변경할 수 있습니다. My First Web Page My First Paragraph. HTML 삽입 미리보기할 수 없는 소스 document.write()를 사용하여 HTML 출력에 작성하기 document.write() 함수를 사용하여 HTML 문서에 직접 데이터를 작성할 수 있습니다. 예를 들어, document.write('텍스트'..

HTML Images Syntax. : 이미지를 표시하기 위한 HTML 태그입니다. src : 이미지 파일의 경로를 지정하는 속성입니다. 이미지_파일_경로에는 이미지 파일의 URL 또는 상대 경로를 입력합니다. alt: 대체 텍스트(alternative text)를 지정하는 속성입니다. 이미지가 로드되지 못하는 경우나 스크린 리더 등에서 사용됩니다. 아기 고양이 HTML 삽입 미리보기할 수 없는 소스 아기 고양이 HTML 삽입 미리보기할 수 없는 소스 Image Size - Width and Height style속성을 사용하여 이미지의 너비와 높이를 지정할 수 있습니다. Image Size Here we use the style attribute to specify the width and height..

오늘 공부. [FE] HTML + 자바스크립트 HTML 튜토리얼 - HTML Links & URL 구조 JavaScript 튜토리얼 - JavaScript 위치 [Spring] 강의 수강 및 정리 스프링 MVC - 전체구조 소개 스프링 MVC - HTTP 요청/응답 [코딩테스트] 주간 코테 응시 완료 / 해시관련 문제 풀기 및 정리 오늘 후기. 이번주 내내 장마기간이라 비도오고 그래서 그런지 많이 처지는 주인것 같다. 스프링 MVC 넘모 이해 안되자너...... 강의를 보며 한다고해도 마주하는 에러는 당황할수 밖에 없다. 자꾸 RUN 하는데 마주하는 에러.. 누가 포트를 사용해서 할 수 없댄다. 그래서 사용중인 포트 넘버를 확인하고 정지하고 다시 하니 잘 됐다. MAC OS - 사용중인 포트 찾아서 KI..

The HTML 삽입 미리보기할 수 없는 소스 JavaScript Functions and Events JavaScript에서 함수는 재사용 가능한 코드 블록입니다. 함수를 사용하여 특정 작업을 수행하고 필요할 때 호출할 수 있습니다. 이벤트는 사용자의 동작(예: 버튼 클릭, 마우스 움직임 등)에 응답하여 특정 동작을 수행하는 것을 말합니다. JavaScript에서는 함수를 이벤트 핸들러로 사용하여 웹 페이지의 동작을 제어할 수 있습니다. JavaScript in Demo JavaScript in Head A Paragraph. Try it HTML 삽입 미리보기할 수 없는 소스 JavaScript in HTML 문서 내 태그 내 작성하여 사용할 수 있습니다. 태그는 일반적으로 출처: https://ww..

HTML Links. HTML 링크는 사용자가 인터넷 상의 다른 웹 페이지, 파일 또는 같은 페이지 내의 특정 섹션으로 이동할 수 있는 클릭 가능한 참조나 하이퍼링크를 생성하는 요소입니다. 이를 통해 사용자는 웹 사이트 내외의 다양한 리소스를 탐색할 수 있습니다. 링크 위로 마우스를 이동하면 마우스 화살표가 작은 손 모양으로 바뀝니다. 링크는 텍스트일 필요가 없습니다. 링크는 이미지나 다른 HTML 요소가 될 수 있습니다! HTML Links - Syntax HTML의 태그는 하이퍼링크를 생성하는 데 사용되는 태그입니다. 이 태그를 사용하여 텍스트 또는 이미지를 클릭 가능한 링크로 만들 수 있습니다. href: 링크의 대상 URL을 지정합니다. 링크는 물론 CSS로 스타일을 지정하여 다른 모습을 볼 수 ..

오늘 공부. [FE] HTML + 자바스크립트 기초 HTML 튜토리얼 - CSS JAVASCRIPT 튜토리얼 - 자바스크립트 기초적인 사용 기능 [Spring] 스프링 강의 수강 및 정리 Chapter 05. 스프링의 부가기능 01_Resource(외부 자원 가져오기) TRUE 02_AOP(관점지향 프로그래밍) TRUE 03_Validation, Data Binding TRUE 04_스프링 표현 언어(SpEL) TRUE [코딩테스트] 해시관련 문제 풀기 및 정리 -> 최빈값 및 해시맵 관련 메서드 복습 오늘 후기. 스프링 개념을 정리하다보니 도덕책 무엇이냐 넌. 이것도 프로젝트 실습 강의 진행하면서 다시 한번 정리해야지 지금은 머선말이고 싶지만 잊지않도록 정리정리 지난 프로젝트 하면서 HTML, CSS,..

JavaScript. JavaScript는 웹 개발에서 주로 사용되는 프로그래밍 언어로, 동적인 웹 페이지를 만들고 사용자와 상호작용하는 기능을 추가하는 데 사용됩니다. 웹 브라우저에서 실행되는 클라이언트 사이드 스크립트 언어입니다. JavaScript는 Brendan Eich에 의해 개발되었으며, 처음에는 웹 페이지의 동적인 기능을 제어하기 위해 만들어졌습니다. JavaScript는 다음과 같은 주요 특징을 가지고 있습니다: 인터프리터 언어: JavaScript 코드는 브라우저에서 인터프리터에 의해 한 줄씩 해석되고 실행됩니다. 따라서 코드를 수정하고 즉시 결과를 확인할 수 있습니다. 객체 기반: JavaScript는 객체 기반 언어로, 객체를 생성하고 속성과 메서드를 가질 수 있습니다. 이를 통해 코..

HTML과 CSS(Cascading Style Sheets) HTML 은 태그 세트를 사용하여 웹 페이지의 구조와 내용을 정의 CSS 는 HTML로 작성된 웹 페이지의 스타일과 형식을 지정(레이아웃 형식을 지정), 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있음 CSS 는 선택자와 선언의 조합으로 구성 선택자 : 스타일을 적용할 HTML 요소를 선택 선언 : 요소에 적용될 스타일 속성과 값의 쌍을 포함 CSS 사용 CSS는 3가지 방법으로 HTML 문서에 추가할 수 있습니다. 인라인 스타일(Inline Style) - 단일 HTML 요소에 고유한 스타일을 적용하는 데 사용 - styleHTML 요소의 속성을 사용 A Blue Heading A red paragraph. HTML 삽입 미리보기할 수 ..

오늘 공부. [FE] HTML 튜토리얼 - Colors HTML 튜토리얼 - HTML Colors [Spring] OOP와 스프링 정리 객체지향 프로그래밍과 SOLID 원칙 그리고 Spring [코딩테스트] 투포인트 문제 풀기 및 정리 - 최대 길이 연속부분수열 오늘 후기. 스프링은 무엇이냐 우찌해야된단 말인가 인프런에서 김영한님 추가강의 구매하려다 멈췄다. 먼저 주어진 강의와 프로젝트 진행하면서 도저히 이해안되면 구매해서 수강해봐야겠다. 왜 스프링을 사용해야 하는가? OPP를 왜 사용해야 하는가? 에 대한 의문이 쉽사리 해결되지 않았는데 오늘 정리하면서 그래도 조금은 이해가 된것 같다. 매일매일 프론트 + CS + 코딩테스트 파트를 조금이라도 정리하거나 접해야 하는데 좀더 효율적인 시간관리가 필요할듯 ..

시작하며. 스프링을 본격적으로 공부하기 전에 스프링이 도입 된 배경과 이와 관련된 객체지향 프로그래밍부터 차근차근 정리해보려 합니다. 객체지향 프로그래밍을 하는 이유? 대규모 서비스 개발 그리고 기능 개선과 같은 소프트웨어 개발 작업은 지속해서 변화하고 수정할 수 있어야 합니다. 이를 위해 코드의 재사용성, 유지보수성, 확장성, 가독성 등을 향상시키고 복잡한 시스템 개발을 보다 구조적이고 효율적으로 관리할 수 있는 방법이 필요합니다. 이런 부분을 해소하기 위해 다양한 프로그래밍 패러다임이 시대적으로 제시되었으며 보다 적합한 대중적인 방법 중 하나가 바로 객체지향 프로그래밍입니다. 객체지향과 객체지향 프로그래밍 객체지향(Object-Oriented)은 소프트웨어 개발 패러다임으로, 현실 세계의 개념과 구조..