썸네일 자바스크립트와 ECMAScript --차이점 ECMAScript자바스크립트의 표준 사양인 ECMA-262를 말하며, 프로그래밍 언어의 값, 타입, 객체와 프로퍼티, 함수, 표준 빌트인 객체등 핵심 문법을 규정합니다.각 브라우저 제조사는 ECMAScirpt 사양을 준수해서 브라우저에 내장되는 자바스크립트 엔진을 구현해야 합니다. 자바스크립트(Java Script)자바스크립트는 일반적으로 프로그래밍 언어로서 기본 뼈대를 이루는 EMCAScript와 브라우저가 별도 지원하는 클라이언트 사이드 Web API, 즉 DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web Storage, Web Component, Web Worker등을 아우르는 개념.자바스크립트 ==> ECMAScri..
렌더링(Rendering)과 Ajax(Asynchronous Javascript And XML) 렌더링(Rendering)렌더링이란 HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말한다.때로는 서버에서 데이터를 HTML로 변환해서 브라우저에게 전달하는 과정(SSR; Server Side Rendering)을 가리키기도 한다. 브라우저가 HTML, CSS, 자바스크립트를 로드하고 파싱해서 렌더링하는 과정이라고 생각하면 된다. Ajax (Asynchronous Javascript And XML)자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능. - Ajax기술 이전의 웹페이지 동작 방식html 태그로 시작해서 html 태그로 끝나는 완전한 HTML 코드를 서버로부터 전송받아 웹페이지 전체를 렌더링하는 방식으로 동작=..
썸네일 다섯 가지 종류의 브랜치(Branch) 브랜치에는 다음 그림과 같이 다섯 종류가 있음을 알 수 있습니다. 1. Master Branch 제품으로 출시될 수 있는 브랜치. 배포(Release) 이력을 관리하기 위해 사용. 즉, 배포 가능한 상태만을 관리한다.   2. Develop Branch 다음 출시 버전을 개발하는 브랜치. 기능 개발을 위한 브랜치들을 병합하기 위해 사용. 모든 기능이 추가되고 버그가 수정되어 배포 가능한 상태가 되면 Develop Branch를 Master Branch에 병합(merge) 한다. 평소에는 이 브랜치를 기반으로 개발을 진행한다.   3. Feature Branch 기능을 개발하는 브랜치. 새로운 기능 개발 및 버그 수정이 필요할 때마다 Develop Branch로부터 분기한다. Feature Branch에서..
썸네일 브랜치 (branch)란 무엇인가? 작업흐름은? 브랜치(branch)란?직역한다면 나뭇가지이지만, 개발적인 측면에서의 뜻을 풀이해본다면"독립적으로 어떤 작업을 수행하기 위해 만들어 주는것" 입니다. 위 그림에서 파란색으로 'Your Work' 라고 되어있는 원들과 주황색으로 'Someone Else's Work'라고 되어있는 원들은 Master로부터 나온 연두색 원들의 흐름에서 중간에 잠시 빠져나와 만들어지고 그 흐름으로 다시 들어간다.Branch 는 위와 같은 형태로 나와 다른 사람 두 명이 동시에 개발하는 것이다. Branch는 사용자가 독립적으로 작업을 수행할 수 있도록 돕는 작업 흐름이다. 하나의 브랜치는 독립된 워크스페이스, 인덱스, 로컬 리포지토리, 리모트 리포지토리 공간을 갖는다. 실제로 개발자 A, B가 작업을 한다고 하면, A가 먼저 ..
썸네일 Git & Github 기본개념과 차이 1. 버전관리버전관리 시스템: 문서를 수정할 때마다 언제 수정했는지, 어떤 것을 변경했는지 등을 구체적으로 기록하는 버전 관리 시스템이 깃(Git)2. 백업하기깃(Git)파일을 위한… 이것을 깃(Git)의 원격 저장소 또는 온라인 저장소라고 함깃허브(GitHub)3. 협업하기A라는 사람이 작업해서 원격 저장소(깃허브, GitHub)에 파일을 올리면 원격 저장소(깃허브, GitHub)에 잇는 파일을 B라는 사람이 내려받아 작업한 뒤, 그 결과물을 다시 원격 저장소에 올림.깃(Git)을 사용한다면 같은 팀원들끼리 파일을 편하게 주고받으면서 일할 수 있다.
썸네일 홈페이지 기획 방법 - 홈페이지 기획의 필요성홈페이지의 제작을 할때, 기획자, 개발자, 디자이너 등 여러 방면의 전문가가 함께 진행하기 때문에 홈페이지 제작 과정에서 발생할 수 있는 문제를 예방하고, 웹사이트를 더욱 효율적으로 개발하기 위해 먼저 홈페이지 기획을 진행해야 합니다. - 홈페이지 기획 정의1. 목표와 대상2. 주요 컨텐츠의 구성=> 사용자의 니즈를 고려하여 직관적이고 효율적인 내비게이션을 설계하고, 디자인과 기능의 일관성을 유지하며 사용자 경험을 개선하는 계획을 세우는 것이 필요함. 1. 홈페이지 기획 단계 1. 홈페이지를 만드는 목표와 타깃 대상을 정하여 그들의 프로필, 특성, 관심사 등을 분석한 페르소나를 만듭니다.2. 사용자 경험을 중심으로 한 콘텐츠의 메뉴 구성과 배치를 설계합니다.3. 효과적인 정보 전..
썸네일 구글(Google)의 제미나이(Gemini) AI 모델 최근 구글 딥마인드의 첫 번째 작품인 제미나이(Gemini) AI 모델을 발표했다. 제미나이(Gemini)의 어떤 모델으로 만든걸까? 멀티모달(multimodal) AI 모델 텍스트, 이미지, 영상, 음성, 코드(code) 등 다양한 데이터 모달리티를 동시에 받아들여 학습하고 사고하는 기술입니다. 추가적으로 1.6조 개의 파라미터를 가진 대규모 언어 모델(LLM) 모델 또한, 추가적으로 가지고 있습니다. 그렇다면 챗 지피티(Chat GPT)는 어떤 방식의 모델일까? 대규모 언어 모델( Large Language Model ) 챗 지피티는 제미나이의 파라미터 규모보다 적은 약 5000억 파라미터를 가지고 있습니다. 방대한 양의 텍스트 데이터로 훈련된 고급 AI 모델로, 인간과 유사한 응답을 생성할 수 있습..