분류 전체보기199

• 본캠프_2일차_점차 사라지는 사람들 오늘은 HTML의 CSS와 씨름을 하고있다.이부분은 확실하게 좀더 명확하게 정리하고 넘어가야 나중에 고생하지 않을듯 하다. 몇몇 가지의 규칙CSS의 명칭 누군가의 자식은 1개 까지만 .Contein.Contein.Contents.Contein.Contents.Sub : X.Contents.Sub : O 결국 밀리고 밀려서 오늘 SQL 하지 못했다.뭔가 페이스가 말리고 있다. 좀더 확실하게 중심점을 잡아야만 한다. 아무튼 Html? 그거 버리고 CSS와 JS 이거 잘써야하기때문에 좀더 파고들어야 한다. 이렇게 글쓸시간이 없다 좀더 찾고 공부해서 따로 정리해야한다.내가 이렇게 글 두서 없이 쓴다고 공부가 되느냐?지금 머릿속이 복잡해서 좀만 쉬었다가 진행해야 할듯하다. TIL 2024. 10. 29.

• 왕초보_웹개발_06_CSSOM CSS 스타일 시트를 객체로 표현하여 자바스크립트로 조작할 수 있게 해주는 모델입니다. 문서의 구조에 적용되는 스타일 정보를 나타냅니다.  CSSCascading Style Sheets의 약자로, 웹 페이지의 스타일을 정의하는 언어입니다. 객체 실제 세계의 사물이나 개념을 프로그램 안에서 표현한 것입니다. CSSOM에서 각 CSS 규칙은 하나의 객체로 표현됩니다. DOMDocument Object Model의 약자로, HTML 문서를 객체로 표현한 모델입니다. CSSOM과 함께 웹 페이지를 동적으로 조작하는 데 사용됩니다. 스타일 시트CSS 규칙들의 집합으로, 웹 페이지의 디자인을 정의합니다. 자바스크립트CSSOM을 조작하여 스타일을 동적으로 변경하는 데 사용되는 프로그래밍 언어입니다. Web 2024. 10. 29.

• 왕초보_웹개발_05_DOM 웹 페이지를 구성하는 요소들을 객체로 표현하여 자바스크립트와 같은 프로그래밍 언어를 통해 조작할 수 있도록 만든 모델입니다.    레고 블록으로 집을 짓는 것처럼 DOM은 HTML문서를 하나하나의 블록으로 나누어서 그 블록들을 자유롭게 조립하고 변경할 수 있게 해줍니다. 이해하기 위한 키워드 HTML웹 페이지의 구조를 만들기 위한 언어입니다.DOM은 HTML 문서를 기반으로 만들어집니다. 자바스크립트DOM을 조작하여 웹 페이지를 동적으로 변화시키는 데 사용되는 프로그래밍 언어입니다. 객체실제 세계의 사물이나 개념을 프로그램 안에서 표현한 것입니다.DOM에서 HTML요소들은 각각 하나의 객체로 표현됩니다. 트리구조DOM은 HTML문서의 구조를 계층적인 트리 형태로 표현합니다.부모-자식 관계로 연결된 노드들.. Web 2024. 10. 29.

• 왕초보_웹개발_04_JavaScript 자바스크립트는 웹 페이지에 생명을 불어넣는 마법 같은 언어   정적인 문서가 아닌, 사용자와 상호작용하고 동적으로 변화하는 웹 페이지를 만들기 위해 사용됩니다. 웹사이트에서 버튼을 클릭하면 어떤 동작이 일어나거나, 페이지가 부드럽게 전환되는 것들이 모두 자바스크립트 덕분이랍니다.  동적인 웹페이지 구현 버튼 클릭 마우스 이동 등 사용자의 행동에 따라 웹 페이지가 반응하도록 만들 수 있습니다. 웹 애플리케이션 개발복잡한 웹 애플리케이션을 구축하는 데 사용됩니다.Gmail, Facebook 같은 서비스들이 자바스크립트를 기반으로 만들어졌습니다. 데이터 처리웹 서버에서 데이터를 가져와 화면에 표시하거나사용자가 입력한 데이터를 서버로 전송하는 작업을 합니다.게임 개발간단한 웹 게임부터 복잡한 게임까지 다양한 .. Web 2024. 10. 29.

• 

  클럭 [Clock] CPU가 작업을 수행하는 리듬이나 속도를 결정하는 전자 신호   매우 빠르게 주기적으로 발생한다.컴퓨터가 특정 작업을 실행할 수 있는 시각을 틱[Tick] 단위로 쪼개어 주기적으로 알려줍니다. 클럭의 역할과 개념 작업 속도 제어CPU의 모든 동작은 클럭 신호에 맞춰 실행됩니다.클럭 신호는 작업을 시작하고 끝내는 기준을 제공합니다.메트로놈처럼 일정한 속도로 리듬을 알려주는 역할을 합니다. 클럭 주기각 클럭 신호 간격을 클럭 주기라 합니다.해당 주기 동안 CPU는 한 번의 작업을 처리합니다. 클럭 속도1초에 얼마나 많은 클럭 신호가 발생하는지 나타내는 것으로헤르츠 [Hz] 단위로 표현됩니다. 3GHz CPU는 1초에 30억 번의 신호를 발생시키는 것입니다.  연산량클럭이 빠르면 CPU는 더 많은 연산을 수행.. 개발 2024. 10. 29.

• 

  TIL_본캠프_01_전장의 서막 히스토리? 더보기 나에게 이 캠프는 전쟁이다.칼을 든자 책임을 다하라.1석 2조 팀장 - mr.골골 지금 부터 시작이다.시작부터 뭔가가 찜찜하다.사전캠프 2조 홀로남은 나, 또 다시 2조가 되었다.달라진것은 뿔뿔히 흩어진 사흔의 구슬조각과 같이 팀원들이 흩어졌다.다시만날 그날을 기약하며.... "우리 모두 멀어져도 각자 각팀에서 팀장으로 만납시다!" 아주 멋지게 헤어지고 이놈의 발에 뽄드가 붙었나?!나홀로 본진에서 시작!멀리 갈 필요없다!....  본진에서는모인것은 6명인데 다들 대답이 없다.....싸늘하다.....엣날 아주 먼 옛날 다섯 명의 아이들이 우주 밖으로 사라졌다. 이대로는 큰일이다 진행을 해야만 한다. 그냥 팀장이 되었다. 진행을 하기위해서 한참뒤 결론은 마이크 이슈... 뭐 어찌 저찌 여타.. TIL 2024. 10. 28.

• 

  CodeKata_JS_02_두수의 곱 CodeKata/C# 2024. 10. 28.

• 

  CodeKata_JS_01_두수의 차 CodeKata/JS 2024. 10. 28.

• 

  데이터 와 데이터베이스 데이터[Data]와 데이터베이스[Database]는 흔히 함께 사용되는 용어지만 다른 의미를 가지고 있습니다.      데이터[Data]사실, 수치, 문자 등의 기록된 정보를 의미합니다.가공되지 않은 상태의 원자료라고 볼 수 있으며, 그 자체로는 특별한 의미를 지니지 않을 수 있습니다. 사람의 이름, 나이, 주소, 제품 가격, 판매량 등데이터베이스[Database]특정 목적을 위해 조직화된 데이터의 집합입니다.데이터를 체계적으로 관리하고 효율적으로 활용하기 위한 저장소라고 볼 수 있습니다.데이터베이스 관리 시스템[DBMS]을 통해 생성, 관리, 액세스됩니다. 고객 정보, 제품 정보, 판매 기록 등을 저장하는 고객관계관리[CRM]시스템, 회사의 재무 정보를 저장하는 회계 시스템 등 개발 2024. 10. 28.

• 

  왕초보_웹개발_03 CSS 속성 옷을 입힐 때 색깔, 사이즈, 디자인 등을 선택하는 것처럼, CSS 속성을 통해 웹 페이지의 요소들을 원하는 모습으로 꾸밀 수 있습니다.  텍스트 관련 속성color: 텍스트 색상font-size: 글자 크기font-family: 글꼴 종류text-align: 텍스트 정렬 (left, center, right) 배경 관련 속성background-color: 배경색background-image: 배경 이미지background-repeat: 배경 이미지 반복 설정 박스 모델 관련 속성width: 요소의 너비height: 요소의 높이margin: 요소 주변의 여백padding: 요소 안쪽의 여백border: 테두리 위치 관련 속성position: 요소의 위치를 설정 (static, relative, absol.. Web 2024. 10. 28.

• 

  왕초보_웹개발_02 HTML 태그 태그는 각각 특정한 의미를 가지고 있으며, 이 태그들을 조합하여 웹 페이지의 다양한 요소들을 표현할 수 있습니다.   구조 태그 : HTML 문서의 시작과 끝을 나타냅니다.: 문서의 메타 정보(제목, 스타일 시트 등)를 포함합니다.: 문서의 본문 내용을 포함합니다.: 문서의 특정 부분을 구분합니다.: 독립적인 콘텐츠를 나타냅니다. 텍스트 태그  ~ : 제목을 나타냅니다.: 문단을 나타냅니다.: 인라인 요소를 감싸는 데 사용됩니다.: 굵은 글씨를 나타냅니다.: 기울임꼴을 나타냅니다. 링크 태그: 하이퍼링크를 생성합니다. 이미지 태그: 이미지를 삽입합니다. 리스트 태그: 순서 없는 목록: 순서 있는 목록: 목록 항목 테이블 태그, , , : 테이블을 생성합니다. Web 2024. 10. 28.

• 

  왕초보_웹개발_01 웹의 작동 원리와 HTML과 CSS를 이해하고 사용할 수 있다. 주소입력유저가 주소창에 웹사이트 주소[URL]를 입력하면,브라우저는 해당 주소를 가진 서버에 요청을 보냅니다. 서버응답서버는 요청받은 정보를 브라우저에 보내줍니다.(HTML, CSS, JavaScript) HTML 파싱브라우저는 받은 HTML 코드를 분석하여 웹페이지의 구조를 이해합니다.이를 DOM[Document Object Model] 이라고 합니다.  웹의 작동 원리를 이해하기 위한 키워드 HTML [HyperTextMarkupLanguage]웹페이지의 기본 구조를 담당하는 마크업 언어 CSS [CascadingStyleSheets]웹페이지의 디자인을 담당하는 마크업 언 JavaScript웹페이지에 동적인 효과를 추가하는 스크립트 언어.. Web 2024. 10. 28.