전체 글201

• 

  [TIL] 본캠프_4일차 정말 고민이 많이 되었던 팀작업 하나.수많은 어려움이 나에게 다가와도 멋지게 해결하는....하지만 힘들다.결과가 결국엔 좋으면 그만이니까.하지만 힘들다.    멋지게 타이틀도 만들고  팀원들 돌아다니며 인사하는것도 나오고  완전 쓸모없지만 상징적으루 다가 넣어보고  시작에 비하여 점점 초라해지는 용두사미 컨셉!   아주 심플하게 시작해서  너무 없어보였기 때문에 우산을 누르면 비가오는 다크모드    기록하기 기능을 사용하여   추가가 된다.   자바 스크립트 부분에서 머리가 터질듯 하게 짜증나는 부분이 있었지만튜터님이 모듈화를 알려주셔서비가 내리는 효과는 모듈형식으로 넣어봤고혹시 CSS도 모듈화가 가능한지 보니지피티가 된다해서 해보고안되서 뻘짓거리하다가뭘또 설치해야하고 설치 이후 빌드안해도 다른곳에 작동.. TIL 2024. 10. 31.

• 

  [TIL]본캠프_3일차 오늘도 어김없이 목표가 확실해야 한다.목표는 Node.js를 사용해서 서버통신을 해보는것이다.이것을 모른다면 아마 탈주자가 되어있을 것이다.클라이언트 교육과는 교차점이 현저히 낮을뿐이다.네트워크 테스트의 수단으로 사용은 하겠지만주가 되지는 않는것이다.   오늘은 HTML 과 CSS 과 JS 를 사용하여간단하게 만들어봤다.JS 켄버스를 사용해서 이리 저리 해보았지만결국 Canvas로 나눠둔 js의 내부 스크립트 겹침 현상 그리고 디버깅 vsCode로 하다.Chrome Console로 하다 전혀 다른 부분에서 에러가 뜨는거였고뭔가 코드가 늘어날 수록 번거러움이 심각해 지기 때문에좀더 심도 깊은 단계로 가기전에 기본을 확실히 다져야했다.아직 시간낭비를 너무 많이 하기때문에 이부분 확실히 다시 좀더 깊숙히 한톨한톨 짚고 넘어가.. TIL 2024. 10. 30.

• 본캠프_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.