티스토리

Dev study and notes
검색하기

블로그 홈

Dev study and notes

devlunch4.tistory.com/m

IT/program language development study and notes.

구독자
1
방명록 방문하기
공지 [공지] 개발자 devlunch의 추⋯ 모두보기

주요 글 목록

  • 효율적인 클라우드 가상화의 핵심: Docker, Node.js, Visual Studio Code 효율적인 클라우드 가상화의 핵심: Docker, Node.js, Visual Studio Code​클라우드 가상화를 할 때 다양한 도구를 이용할 수 있습니다.이번 포스팅에서는 도커, 노드js, vscode를 간단하게 정리해 보았습니다.​Docker 도커 Docker는 컨테이너를 사용하여 애플리케이션을 빌드하고 실행하며 공유할 수 있는 소프트웨어 플랫폼입니다. Docker는 컨테이너를 생성, 관리 및 오케스트레이션 할 수 있는 도구와 서비스를 제공합니다. 이를 통해 소프트웨어 플랫폼을 저장하고 배포 후, 애플리케이션을 구축하고 실행하며 공유할 수 있습니다. 개인용으로는 무료 제공됩니다.​Node.js Node.js는 웹 브라우저 외부에서 JavaScript 코드를 실행할 수 있게 해주는 도구입니다. 데이터.. 공감수 1 댓글수 1 2024. 11. 1.
  • 보안 기초 요약 Security Basics 사이버 보안 기본 사항 Cybersecurity Fundamentals 요약 정리​정보 보안과 사이버 보안이란 무엇인가?What is information security and cybersecurity?물리적 보안은 건물, 보안 카메라, 장비, 재산 등의 자산을 도난, 파괴 행위, 화재, 자연 재해 등의 물리적 위협으로부터 물리적으로 보호Physical security is the practice of physically protecting assets like buildings, security cameras, equipment, and property from physical threats such as theft, vandalism, fire, and natural disasters.​사이버보안은.. 공감수 0 댓글수 0 2024. 8. 21.
  • 컴퓨터 기초 요약 Computer Basics 컴퓨터 기초 요약 Computer Basics​*국문1현대 컴퓨팅은 이진수 개념에서 비롯되었습니다. 이는 산업 전반에 걸쳐 기업들이 운영을 개선하고 고객 또는 사용자를 더 잘 이해하며, 수익을 증대시키는 등 다양한 통찰을 얻는 데 중요합니다.​2컴퓨터 과학자들은 튜링 기계에 기반하여 여러분이 매일 사용하는 컴퓨팅 장치를 만듭니다.​3초기 컴퓨터는 운영 체제나 사용자 친화적인 인터페이스가 없는 메인프레임이었습니다.​4컴퓨터 네트워크는 유선 기술로 시작되었습니다.​5주변 기기는 컴퓨팅 장치와 인터페이스를 생성하는 장치입니다.​6IT 전문가들은 데이터 단위의 저장 및 처리 능력을 설명하기 위해 비트를 사용합니다.​7클라우드는 속도, 보안, 공유, 확장성 및 백업에 필수적이 되었습니다.​8확장 가능하다는 것은 .. 공감수 0 댓글수 0 2024. 8. 21.
  • 구글 클라우드 인공지능 어텐션(주목) 메커니즘 퀴즈 Attention Mechanism AI 구글 클라우드 인공지능 어텐션(주목) 메커니즘 퀴즈 Attention Mechanism AI​구글의 일반 인공지능 개발자 관련 강좌에서 어텐션 메커니즘에 대한 내용 수강중 있는 퀴즈입니다.어텐션 메커니즘에 관한 문제와 보기, 정답을 적어보았습니다.정답은 앞에 v 표시로 확인 가능합니다.​​어텐션(주목) 메커니즘 퀴즈 - 구글 클라우드1.어텐션 메커니즘의 두 가지 주요 단계는 무엇인가요?어텐션 가중치 계산 및 출력 단어 생성.컨텍스트 벡터 계산 및 어텐션 가중치 생성.v 어텐션 가중치 계산 및 컨텍스트 벡터 생성.컨텍스트 벡터 계산 및 출력 단어 생성.​​2.텍스트를 한 언어에서 다른 언어로 번역할 때 사용할 수 있는 머신러닝 아키텍처의 이름은 무엇인가요?장단기 메모리(LSTM)v 인코더-디코더신경망컨볼루.. 공감수 0 댓글수 0 2024. 8. 21.
  • 구글 클라우드 이미지 생성 소개 퀴즈 정답 Introduction to Image Generation answer AI 인공지능 구글클라우드 이미지 생성 소개 퀴즈 정답 Introduction to Image Generation answer AI 인공지능​구글에서 제공하는 이미지 인공지능 관련 강좌 퀴즈 정답을 기록으로 남겨봅니다.퀴즈문제와 보기와 정답을 적어보았는데요. 정답은 보기(지문) 앞에 v 영문 브이 표시로 확인이 가능합니다.​이미지 생성 소개 퀴즈 정답 - 구글 클라우드 인공지능1.정방향 확산의 프로세스는 무엇인가요?노이즈가 더해진 이미지로 시작해 노이즈를 반복적으로 제거하는 것.v 정제된 이미지로 시작해 노이즈를 반복적으로 추가하는 것.정제된 이미지로 시작해 무작위로 노이즈를 더하는 것.노이즈가 더해진 이미지로 시작해 무작위로 노이즈를 제거하는 것.​2.확산 모델의 문제로는 어떤 것이 있나요?실제 같지 않은 이미지를 .. 공감수 0 댓글수 0 2024. 8. 21.
  • 풀스택 개발자 Full-stack developer 풀스택 개발자 Full-stack developer​풀스택 개발자가 모든 작업을 수행합니다. 풀스택 개발자는 프런트엔드와 백엔드 언어 및 프레임워크 모두에 능숙합니다. 이들은 서버, 데이터베이스 및 웹사이트 기능 개발을 담당합니다. 또한 웹사이트의 반응성을 보장하고 휴대폰에서 데스크톱에 이르기까지 모든 플랫폼에서 원활하게 작동하도록 합니다. ​풀 스택 개발자 직업은 컴퓨터 과학 및 프로그래밍에 숙련된 사람에게 적합합니다. 서버 측 및 클라이언트 측 프로그래밍 기술, 비판적 사고 및 의사 소통 기술이 있으면 성공할 것입니다. 풀스택 개발자로서 당신은 세부 사항에 대한 안목이 있어야 하지만 기술의 "큰 그림"을 볼 수도 있어야 합니다. ​이 역할에서 성공하기 위해 개발해야 할 몇 가지 주요 기술은 다음과 같.. 공감수 0 댓글수 0 2024. 8. 21.
  • 백엔드 개발자 Back-end developer 백엔드 개발자 Back-end developer백엔드 개발자는 Python, Java 및 JavaScript와 같은 언어를 사용하여 웹 사이트의 데이터를 관리하고 웹 사이트 보안을 보장합니다. 또한 API(응용 프로그래밍 인터페이스)를 개발 및 유지 관리하고 웹 사이트의 보다 복잡한 기능을 위한 복잡한 알고리즘을 개발할 수 있습니다. 백엔드 웹 개발자 작업은 데이터 관리, 서버 측 프로그래밍 및 논리에 숙련된 사람에게 적합합니다. 프로그래밍 기술, 데이터 구조에 대한 지식, 호스팅 환경 관리 능력, 데이터베이스 관리 능력이 있으면 성공할 수 있습니다. 일반적으로 컴퓨터 과학, 컴퓨터 프로그래밍 또는 데이터 과학 학사 학위가 선호됩니다.  이 역할에서 성공하기 위해 개발해야 할 몇 가지 주요 기술은 다음과.. 공감수 0 댓글수 0 2024. 8. 21.
  • 프론트엔드 개발자 Front-end developer 프론트엔드 개발자–프런트 엔드 개발자는 HTML, CSS, JavaScript 코딩 언어와 React와 같은 프레임워크를 사용하여 사용자가 보고 상호 작용하는 웹 사이트 부분을 개발합니다. 그들은 웹 페이지 간의 일관성을 보장하기 위해 브랜드 지침과 구성 요소 라이브러리를 사용합니다.프런트 엔드 개발자는 가능한 한 많은 사용자가 웹 사이트에 액세스할 수 있도록 접근성 지침을 따라야 합니다. ​프론트엔드 웹 개발자 직업은 프로그래밍, 디자인, 기본 알고리즘 생성에 능숙한 사람에게 적합합니다. 코딩 기술, 창의적인 문제 해결 기술, 세부 사항을 보는 눈이 필요합니다. 컴퓨터 과학, 수학, 정보 시스템 분야의 준학사 또는 학사 학위가 있으면 도움이 될 수 있지만 필수는 아닙니다. ​이 역할에서 성공하기 위해 .. 공감수 0 댓글수 0 2024. 8. 6.
  • 자바스크립트 구문 JavaScript syntax 자바스크립트 구문 JavaScript syntax자바스크립크 코드 작업시 사용하는 구문, 기호들을 정리해보았습니다.잘 익혀서 코드 작성시 활용하면 되겠습니다. ​자바스크립트 구문이름통사론사용 방법중괄호{ }중괄호는 JavaScript의 함수 및 기타 코드 블록을 묶습니다. 왼쪽 중괄호는 함수나 코드 블록을 열고 오른쪽 중괄호는 닫습니다. 예를 들어, if 문은 여는 중괄호와 닫는 중괄호를 사용하여 코드를 묶습니다.if (a == b) {warning ("a and b are the same")}등호=등호 또는 할당 연산자는 변수에 어떤 데이터가 포함되어야 하는지 알려줍니다. 예를 들어, myVar = 3은 myVar 변수를 3과 동일하게 만듭니다.이중 등호==이중 등호 또는 등호 연산자는 두 값이 동일한.. 공감수 0 댓글수 0 2024. 8. 6.
  • 자바스크립트 이벤트 리스너와 이벤트 핸들러 차이 javascripts event listener handler 자바스크립트 이벤트 리스너와 이벤트 핸들러 차이 javascripts event listener handler  이벤트 리스너 (EVENT LISTENER)-이벤트 리스너는 특정 요소에서 발생하는 이벤트를 감지하고, 이벤트 핸들러를 호출하는 객체입니다.-이벤트가 감지되면 이벤트 핸들러를 실행합니다.이벤트 핸들러 (EVENT HANDLER)-이벤트 핸들러는 이벤트가 발생했을때 실행되는 함수, 기능을 의미합니다.-HTML 요소에 직접적으로 이벤트 핸들러를 추가할수 있습니다.html내 속성에 'onclick'(클릭), 'onmouseover'(마우스오버), 'onscroll'(스크롤) 등을 이용하여 이벤트 핸들러를 지정할수 있습니다.-간단한 기능을 구현하는데 편리합니다-여러 이벤트와 기능을 다루는 경우, 코드.. 공감수 0 댓글수 0 2024. 8. 5.
  • 웹 개발자들이 기억해야할 주요 사항 웹 개발자들이 기억해야할 주요 사항Key points to remember​​1Tags are made up of an opening and closing angle bracket with a tag name in the middle. Elements are pairs of tags that encapsulate or wrap-around other elements or web content. 태그는 여는 꺽쇠 괄호와 닫는 꺽쇠 괄호 사이에 태그 이름이 포함되어 있습니다. 요소는 다른 요소나 웹 콘텐츠를 감싸는 태그 쌍으로 이루어집니다.​2HTML is a declarative language, meaning it describes the rules for what a page should display.. 공감수 0 댓글수 0 2024. 6. 27.
  • sts3 lombok 오류 롬복 lombok.jar 스프링 업데이트 sts3 lombok 오류 롬복 lombok.jar 스프링 업데이트​sts3를 사용하던 중 롬복의 LOG4J 관련 오류들이 해결되지 않았습니다.결국 해결 하긴 했는데 기록으로 남겨봅니다.​일단 증상은 STS3에서 log cannot be resolved 문구를 확인하게 됩니다.메이븐의 문제인지, IDE의 문제인지, 설치 파일의 문제인지 크게 3가지로 생각해 보고 문제점을 해결해 보려 시도해 보았습니다.​​1. 롬복의 설치 오류인가? - 윈도 커맨트 창, 터미널 창을 관리자 실행을 통해 롬복 설치​윈도에서 하단 작업표시줄에 돋보기를 누르고 'cmd'를 타이핑합니다.그러면 아래 사진에 보이는 "명령 프롬프트"를 볼 수 있는데요. 이 부분에 마우스 오른쪽 클릭 후 "관리자 권한으로 실행"을 선택합니다. 관리자.. 공감수 0 댓글수 0 2024. 6. 27.
  • 파이썬 오류 urllib.request 해결 방법 urlopen 파이썬 오류 urllib.request 해결 urlopen​맥북에서 개발환경 세팅을 새로 시작했습니다.파이썬 코드를 작성하고 실행시 아래 에러코드가 확인 되었습니다.​urllib.error.URLError: ​위 오류는 로컬에서 인증서를 가져올수 없어서 발생하는 오류 입니다.이를 해결 하는 방법은 아주 간단합니다.​아래 글과 스크린샷을 참고하여서 진행하면 됩니다.​finder에서 왼쪽의 "응용 프로그램" 항목을 선택합니다2.이어서 응용 프로그램 목록에서 설치한 python 을 찾아 선택합니다.3.아래 단추를 눌러 파이썬 폴더를 확장합니다.4."install Certificates.command" 를 선택하여 실행합니다.​그리고 난뒤 다시 파이썬 코드를 실행하면 잘 실행 됩니다.​*간단요약.파이썬이 설치된.. 공감수 0 댓글수 0 2024. 6. 27.
  • 소프트웨어 개발 주기 일반 단계 간단요약Software development lifecycle (SDLC) 소프트웨어 개발 주기 일반 단계 간단요약Software development lifecycle (SDLC)​소프트웨어의 개발 주기 ​1 계획 Planning이해 관계자의 요구사항을 수집하고 달성 가능한 사항을 분석을 목표로합니다.​2 설계 Design웹사이트의 시각적 레이아웃, 색상, 브랜드 요소등을 생각하여 사용자 요구 사항을 충족하도록 웹사이트의 다른 모든 측면을 디자인 합니다.(사이트맵, 탐색구조, 정보 아키텍처​3 개발 Development웹 개발자는 디자인의 단계의 요구 사항, 디자인 와이어프레임 및 기타 결과물을 사용하여 웹 개발 언어를 사용하여 웹사이트를 구축합니다.​4 테스트 Test웹 개발자, 품질 보증 테스터 등 팀 구성원이 사이트의 유용성, 접근성 등을 테스트 합니다.잘 작동, 동작 .. 공감수 0 댓글수 0 2024. 6. 27.
  • MVC 모델의 파일 약자 의미 DQM DEM DVO VO SVO MVC 모델의 파일 약자 의미 DQM DEM DVO VO SVO ​웹개발시 또는 자바 코딩시 알고 있으면 좋은 용어를 풀어서 적어보았습니다.​MVC : model view controllerSVO: service value objectAPP: applicationBIZ: businessDQM : data query moduleDEM: data elementary moduleDAO: data access objectDVO : data value objectSVO: service value objectVO : value objectCFG: configuration​​좀더 설명을 적어보았습니다.​1 MVC (Model View Controller):◦ 모델 (Model): 데이터와 비즈니스 로직을 관리합니다... 공감수 0 댓글수 0 2024. 6. 27.
  • 파이썬 엑셀파일 읽기 에러 해결방법 pandas openpyxl 파이썬 엑셀파일 읽기 에러 해결방법 pandas openpyxl 파이썬 엑셀파일 읽기 에러​파이썬 코드를 작성하고 난, 실행시 에러가 발생하였습니다.IDE 콘솔창에 표시된 에러 문구는 아래와 같습니다.​ModuleNotFoundError: No module named 'openpyxl'......ImportError: Missing optional dependency 'openpyxl'. Use pip or conda to install openpyxl.​이유는 파이썬 라이브러리 중 하나인 'openpyxl'가 미설치 되어있었기 때문입니다.​이를 해결하고자 터미널 또는 커맨트창 실행을 합니다.이어서 파이썬 환경설정이 된 폴더, 또는 파이썬 환경을 설치할 경로에pip install openpyxl 를 입력.. 공감수 0 댓글수 0 2024. 6. 27.
  • 인텔리제이 폴더 보기 또는 패키지 보기 설정 intellij folder view setting 인텔리제이 폴더 보기 트리구조로 보기intellij folder view setting​안녕하세요 데브런치입니다.​인텔리제이로 프로젝트 소스 작성 중 프로젝트 내 폴더나 파일을 보게 되는데요.폴더를 보는 경우 하나의 폴더로 패키지화 되어서 보이는 경우가 있습니다.실제 폴더 구조상 폴더와 폴더 내 그리고 그 폴더 내에 있는 트리구조로 보고 싶은 경우가 있는데요.이렇게 보기 위한 방법을 간단한 설명과 스크린 샷으로 기록해 봅니다.​아래 스크린샷을 보면 resources 폴더 내 static.js 폴더(패키지)가 보입니다.실제 폴더 구조로는 resources > static > js 폴더로 구성되어 있는데요.static 폴더 내 js 폴더가 하나의 패키지 형태로 보이고 있네요.​이를 구분해서 볼 수 있는 보기.. 공감수 1 댓글수 1 2024. 6. 19.
  • SQL SQLite 내부 조인 Inner Join 데이터베이스 SQL SQLite 내부 조인 Inner Join 데이터베이스  *국문여러 테이블내부 조인 Inner Joins​주문orders 및 고객 customers 테이블을 결합하는 방법을 살펴보겠습니다.​orders테이블에서 customer_id 의 가능한 모든 값에 대해 동일한 customer_id를 가진 customers 테이블 행이 있었습니다.만약 그게 사실이 아니라면 어떻게 될까요?예를 들어, 고객 테이블이 오래되어 있고 고객 11에 대한 정보가 없었다고 가정해 보겠습니다. 만약 해당 고객이 주문을 했다면 테이블을 결합할 때 어떻게 될까요?우리가 간단한 JOIN 조인(일반적으로 내부 조인이라고 함)을 수행할 때 우리의 결과는 ON 조건과 일치하는 행만 포함됩니다.​다음 애니메이션을 살펴보겠습니다. 이 애.. 공감수 0 댓글수 0 2024. 6. 19.
  • SQL SQLite 집계함수 Having 그룹 데이터베이스 DATABASE 데이터관리 *국문HavingGROUP BY를 사용하여 데이터를 그룹화할 수 있을 뿐만 아니라 SQL에서는 어떤 그룹을 포함하고 어떤 그룹을 제외할지 필터링할 수 있습니다.예를 들어, 서로 다른 장르의 영화가 각 연도마다 얼마나 많이 제작되었는지 알고 싶지만, 최소 10편 이상의 영화가 있는 연도와 장르만 관심이 있습니다.여기서는 WHERE를 사용할 수 없습니다. 왜냐하면 행을 필터링하는 것이 아니라 그룹을 필터링하고 싶기 때문입니다.이것이 HAVING이 필요한 이유입니다.HAVING.은 WHERE.과 매우 유사합니다. 사실, 지금까지 배운 모든 유형의 WHERE 절을 HAVING과 함께 사용할 수 있습니다.다음과 같이 문제를 해결할 수 있습니다:SELECT year,genre,COUNT(name)FROM movie.. 공감수 0 댓글수 0 2024. 6. 19.
  • 맥 인텔리제이 코드 자동정렬 단축키 포맷팅 mac intellij fomatting 맥 인텔리제이 코드 자동 정렬 단축키 포맷팅 mac intellij fomatting​맥(MacOs) 환경에 설치된 인텔리제이(intellij)에서 코드 소스를 작성하다보면 보기 쉽도록 정렬이 필요합니다.정렬을 위한 단축키 정보입니다.Option + Command + L *인텔리제이 코드 자동 정렬  https://link.coupang.com/a/buFrnq Apple 2023 맥북 프로 14 M3COUPANGwww.coupang.com  Option + Command + L *Reformat code:Option + Cmd + L 공감수 0 댓글수 0 2024. 6. 18.
  • SQL SQLite 제약조건 Constraints 데이터베이스 DATABASE SQL SQLite 제약조건 Constraints 데이터베이스 DATABASE​안녕하세요 데브런치입니다.데이터베이스를 다시 복습하고 있는데요.데이터베이스사용 하는 SQL에 잘 숙지하고 있어야할 것들을 기록하고 있습니다.이번 포스팅에는 sql의 "제약조건"에 대하여 요약정리 해보았습니다.​​*참고:SQL(Structured Query Language), 구조적 쿼리 언어)는 관계형 데이터베이스 관리 시스템(RDBMS)의 데이터를 관리하기 위해 설계한 특수 목적의 프로그래밍 언어입니다. SQL을 사용하면 데이터베이스에 액세스하고 조작할 수 있습니다.​*한글​SQL의 제약 조건은 개별 열의 값에 적용되는 규칙입니다. 열의 데이터 유형을 지정한 후 열을 사용할 수 있는 방법에 대한 정보를 추가합니다. 특정 제한.. 공감수 0 댓글수 0 2024. 6. 16.
  • SQL SQLite 중복제거 Distinct 데이터베이스 DATABASE 데이터관리 SQL 명령어 중 Distinct 중복제거 정보 요약입니다.DISTINCT 간단 설명과 사용법은 아래 내용과 간단 요약을 참고해주세요.​*국문테이블에서 데이터를 검토할 때 특정 열에 어떤 고유한 값이 있는지 알아보는 것이 유용할 수 있습니다.​DISTINCT는 출력에서 고유한 값을 반환하는 데 사용됩니다. 지정된 열에서 모든 중복 값을 필터링합니다.​예를 들어, SELECT tools FROM inventory; 다음과 같은 결과를 얻을 수 있습니다: toolsHammerNailsNailsNails 열 이름 앞에 DISTINCT를 추가함으로써, SELECT DISTINCT tools FROM inventory; 결과는 이제 다음과 같습니다:toolsHammerNails 것보다 영화 테이블에서 가능한 다양.. 공감수 0 댓글수 0 2024. 6. 16.
  • SQL SQLite 설치 방법 맥 환경 MacOs 데이터베이스 SQL SQLite 설치 방법 맥 환경 MacOs 데이터베이스​안녕하세요 오픈런치입니다.​데이터베이스를 관리하는 무료 프로그램, 툴 SQLite(에스큐엘라이트 또는 에스큐라이트)가 있습니다.맥 환경에서 SQLite 설치하는 방법을 간단하게 글로 남겨 보아요.​​* Mac에서 SQLite 설치 및 사용​1. 패키지 설치SQLite 공식 웹사이트에서 패키지 파일(zip, 압축파일 또는 설치 파일)을 다운로드합니다.https://www.sqlite.org/download.html SQLite Download PageTemplates (1) and (2) are used for source-code products. Template (1) is used for generic source-code products.. 공감수 0 댓글수 0 2024. 6. 16.
  • 자바스크립트 용어 해설 정리 Glossary- JavaScript Programming for Web Applications - CAD101-12 자바스크립트 용어 해설 정리 Glossary- JavaScript Programming for Web Applications - CAD101-12​​*국문Glossary- JavaScript Programming for Web Applications웹 애플리케이션을 위한 자바스크립트 프로그래밍Term정의AJAXJavaScript 및 XML을 통한 비동기 서버 호출 이상의 기능을 포함하는 "비동기 JavaScript 및 XML"입니다. 프로그래밍 언어나 기술이 아니라 프로그래밍 개념입니다. Ajax는 HTML, JavaScript, Cascading 스타일 시트를 통해 더욱 풍부한 대화형 웹 애플리케이션을 제공하고 문서 개체 모델을 통해 웹 페이지를 수정하는 일련의 기술을 나타냅니다. 요즘에는 XML 대신.. 공감수 0 댓글수 0 2024. 6. 16.
  • 웹 애플리케이션을 위한 자바스크립트 프로그래밍 요약 JavaScript Programming for Web Applications Summary - CAD101-9 웹 애플리케이션을 위한 자바스크립트 프로그래밍 요약 JavaScript Programming for Web Applications Summary - CAD101-9웹 프로그래밍 언어 중 html, css 등과 함께 추가로 사용하는 자바스크립트(javascripts)에 대하여 간단하게 요약정리해 보았습니다.​*국문​웹 애플리케이션을 위한 자바스크립트 프로그래밍 요약 -JavaScript는 개발자가 웹페이지에 동적 콘텐츠를 추가할 수 있게 해주는 스크립팅 언어입니다.-JavaScript 변수는 var 키워드를 사용하여 선언되며 할당된 값에서 그 유형을 취합니다.-프로그램 실행은 If…Then…Else, Switch, For 루프 및 While 루프와 같은 문을 통해 제어됩니다.-JavaScript는 함수라고.. 공감수 0 댓글수 0 2024. 6. 16.
  • CSS 개요 및 HTML5 요소 / 용어 해설 - CSS Overview & HTML5 Elements - CAD101-7 CSS 개요 및 HTML5 요소 / 용어 해설 - CSS Overview & HTML5 Elements - CAD101-7​안녕하세요 데브런치입니다.웹개발에 사용하는 언어인 CSS와 HTML을 복습해보고 있는데요.CSS에서 사용되는 용어, 웹개발에서 사용하는 용어 몇가지를 정리 기록을 남겨봅니다.​컴포넌트 프레임워크, CSS (Cascading Style Sheets), 고정 레이아웃, 유동 레이아웃, 유틸리티 프레임워크의 원어(영어)와 뜻을 알아보았습니다. CSS 개요 및 HTML5 요소 / 용어 해설*국문용어 해설 CSS 개요 및 HTML5 요소용어정의Component Framework구성 요소 프레임워크는 모든 웹 사이트에 쉽게 추가할 수 있는 미리 스타일이 지정된 구성 요소와 템플릿을 제공합니다... 공감수 0 댓글수 0 2024. 5. 28.
  • CSS 개요 & HTML5 요소/읽어보기 요약 - CSS Overview & HTML5 Elements/Reading: Summary CAD101-6 CSS 개요 & HTML5 요소/읽어보기 요약 - CSS Overview & HTML5 Elements/Reading: Summary CAD101-6​안녕하세요. 데브런치입니다.웹 개발 관련 내용들을 요약, 정리, 기록을 하고있습니다.​이번 포스팅에서는 CSS와 HTML에 대한 요약을 적어보았습니다.​CSS는 "Cascading Style Sheet.", (캐스캐딩 스타일 시트)의 약자입니다.웹개발시 웹 화면의 디자인, 구조 등을 추가하여 사용하는 웹 문서이지요.​그럼 CSS와 HTML에 대한 간단 요약을 적어봅니다.​CSS 개요 & HTML5 요소/읽어보기 요약*국문- CSS는 웹사이트의 각 페이지의 각 요소에 균일한 외관을 만듭니다.-CSS는 일반적으로 외부 스타일 시트에서 코딩되며 웹사이트의 기본 .. 공감수 0 댓글수 0 2024. 5. 28.
  • HTML 태그 용어 / 요소 안내 - HTML 개요 CAD101-5 Module 2 - HTML Overview / Cheatsheet - HTML Overview​안녕하세요 데브런치입니다.​이번 포스팅에서는 HTML에서 사용하는 태그, 요소별 용어의 종류와 정의 예시를 기록으로 남겨봅니다.웹 개발시 기본적인 컴퓨터 언어, 웹 언어로 HTML가 많이 사용되는데요.잘 숙지하여 웹개발, 웹페이지 작성시 도움이 되었으면 합니다.​그럼 표로 작성 된 내용을 확인해주세요.표 내용으로는 태그 요소, 설명, 예시 순서로 작성되어 있습니다. 표 내용으로는 태그 요소, 설명, 예시 순서로 작성되어 있습니다.HTML5 태그 요소별 용어 및 설명*국문​*HTML5 요소별 용어 및 설명요소설명예시이 태그는 브라우저에 표시되지 않지만 코드를 숨기고 문서화하는 데 유용할 수 있는 HTML의 주.. 공감수 0 댓글수 0 2024. 5. 28.
  • HTML 개요/용어 HTML Overview/Glossary - CAD101-4 HTML5 차이, 버전 특징 HTML 개요/용어 HTML Overview/Glossary - CAD101-4​이전에 작성한 클라우드 프로그래밍 용어에 이어지는 포스팅입니다.이번 포스팅은 HTML(하이퍼텍스트 마크업 랭기지)의 일부 용어 정리입니다.HTML5는 HTML의 버전을 뜻하네요. 즉, 5번째 버전을 말합니다.​간단하게 HTML과 HTML5를 요약해보면 아래와 같습니다.HTML은 웹 페이지 구조와 콘텐츠를 정의하는 마크업 언어이고, HTML5는 최신 웹 기술과 기능을 추가하여 멀티미디어와 그래픽 처리를 강화한 버전입니다.HTML5는 더 현대적이고 다양한 미디어 요소와 API를 지원하여 웹 개발에 더 많은 기능 제공합니다. *국문용어: HTML5 개요용어정의DOM 트리"문서 객체 모델"은 웹상의 문서 구조와 내용을 구성하는 객체.. 공감수 0 댓글수 0 2024. 5. 28.
  • HTML 개요/읽어보기 요약 HTML Overview/Reading: Summary - CAD101-3 HTML 개요/읽어보기 요약 HTML Overview/Reading: Summary - CAD101-3 ​ 웹개발에서 프론트엔드, 즉 보여지는 부분에서 사용하는 컴퓨터 프로그래밍 언어, 웹 언어인 HTML에 대한 요약을 기록해보았습니다. ​ HTML 개요 국문 ​ -HTML은 태그를 사용하여 웹사이트의 기본 구조와 콘텐츠를 제공합니다. -태그는 HTML 페이지의 요소를 나타냅니다. -HTML DOM 트리는 웹사이트의 구조를 설명합니다. -HTML은 API를 사용하여 사용자 경험을 향상하고 고급 애니메이션, 오디오 및 비디오 기능을 제공합니다. -스크립팅은 웹사이트를 탐색할 때 더욱 대화형 사용자 경험을 제공합니다. -스크립팅은 비활성화될 수 있으므로 의존하지 않는 것이 좋습니다. -HTML5 샌드박스는 .. 공감수 0 댓글수 0 2024. 4. 19.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.