분류 전체보기
-
기초 CSS의 이해각종 학습 요약/Web 2022. 4. 27. 17:06
*** 마크다운으로 작성한 내용을 기본 에디터로 수정하다보니 깨져보이는 곳이 있을 수 있습니다. 양해바랍니다. *** *** 문제되는 자료가 있을 시 댓글로 남겨주시면 수정하겠습니다. *** CSS 기초 CSS란? Cascading Style Sheets의 약자. 번역기 돌리면 '계단식 스타일 시트'라고 나오는데 솔직히 뭔 소린지 모르겠다. 근데 어쨌든 HTML의 시각적인 요소를 조작할 수 있는 웹 기술이다. 기본 구조 형식(스타일시트 사용 시) 오늘 배운 html/css로 그려보았다. ㅎㅎ 셀렉터는 여러 종류가 있다. 태그 셀렉터, id 셀렉터, class 셀렉터, 수많은 수도 셀렉터와 상태 셀렉터들... 태그, id, class만 알아도 기본이지만, 필요에 따라 다른 것들도 익혀보자. 여기서는 말고,..
-
기초 HTML의 이해각종 학습 요약/Web 2022. 4. 27. 15:35
HTML 기초 html이란? HyperText Markup Language의 약자. 즉, 하이퍼텍스트(웹문서)를 위한 구조화된(마크업) 언어. 기본 구조 형식 대개의 경우는 열고 닫는 태그(Tag), 표현하는 속성(Attribute), 담기는 내용(Content)으로 구성된다. 여는 태그부터 닫는 태그까지를 하나의 요소(Element)라고 한다. 중첩(ㅇㅁㅁㅇ)될 수 있다. 교차(ㅇㅁㅇㅁ)는 불가. 중첩된 경우, 바깥쪽의 요소는 '부모 노드(Parent node)', 내부의 노드는 자식 노드(Child node)라고 한다. 나란한 수준에 있는 노드는 '형제 노드(Sibling node)'라고 한다. 닫을 필요 없이 스스로 존재하는 태그들은 Empty Elements(또는 Se..
-
웹 개요 - 웹 개발, 프론트엔드와 백엔드각종 학습 요약/Web 2022. 4. 27. 15:13
웹 개발 이해 백엔드를 원하는데 왜 프론트엔드 공부가 필요해? 현재의 웹개발은 프론트엔드, 백엔드, 그리고 더 많은 직무들로 나눠지고 있다. 웹 기술이 예전처럼 단순하게 작동하지 않기 때문이다. 하지만 그말인즉, 지금 나눠져 있는 것들은 본래 전부 하나의 웹 개발 과정이었다는 의미다. 전문 영역은 나뉠 수 있다. 하지만 직무가 다르다고 해도 다 별개의 것이 아니라, 웹을 구현하는 하나의 기술 안에 있다는 점을 알아야 한다. 웹의 일부만 보고 웹을 안다고 할 수 없고, 웹을 알지 못하면 제대로 만들 수도 없다. 이것이 백엔드 엔지니어라 할지라도 프론트엔드 기본 지식을 반드시 갖춰야 하는 이유다. 추가로 네트워크, 인터넷, 웹의 구성, 브라우저의 동작 정도는 추상적으로라도 한번 훑어보면 좋은 것 같다. 넘 ..
-
웹 개요 - 클라이언트와 서버각종 학습 요약/Web 2022. 4. 26. 17:00
웹 개요 - (웹)클라이언트와 (웹)서버 2-tier / 3-tier architecture를 간략히 설명해본다. 핵심은 리소스를 다루는 용도로 분리된다는 것이다. 2-tier architecture: 리소스를 사용하는 곳(클라이언트)과 존재/제공하는 곳(서버)을 분리한 구조. 다른 말로 '클라이언트-서버 아키텍처'라고 부른다. 대개 클라이언트는 요청을 하고 서버는 그에 따른 응답을 준다. 3-tier architecture: 서버는 일하기만도 바쁘다. 그래서 리소스를 다른 곳(데이터베이스)에 저장해두고 중간자로서 처리/전달만 한다. 리소스를 사용하고 사용자와 상호작용하는 쪽의 개발 영역을 프론트엔드로 본다면, 처리/전달/저장 하는 쪽을 백엔드라고 볼 수 있다.
-
TIL : 소프트웨어 엔지니어링 부트캠프 (백엔드) 2일차Today I Learned & WIL, MIL 2022. 4. 26. 17:00
220426_TIL 컴퓨터의 이해 1.컴퓨터의 개념 2.컴퓨터의 구성: 소프트/하드 2-1.소프트웨어의 종류 2-2.하드웨어의 종류 3.컴퓨터의 동작 프로그래밍의 이해 프로그래밍의 개념 프로그램을 구성하는 것들 유용한 프로그래밍 도구: IDE 웹 개요 - (웹)클라이언트와 (웹)서버 WSL / JDK / IDE(IntelliJ IDEA) 설치 및 설정 방법 IntelliJ IDEA의 간단한 사용 방법
-
"'ubuntu.exe' 시작 시 2147942402 (0x80070002) 오류 발생" 할 때...기타 2022. 4. 26. 17:00
WLS2를 수동 설치한 후 스토어에서 우분투 배포판을 받았을 때, 위와 같은 에러메시지를 만나는 경우가 있다. 위 에러 코드의 에러 메시지는 file not found다. 왜 발생하는지는 모른다(상황 바이 상황이니까). 그래도 피해갈 방법은 있겠지. 한번 피해가보자. 한 가지 아이디어: 수동 설치가 있다면, 자동 설치도 있지 않을까? 자동 설치를 진행해보자. 먼저 [터미널을 설치](https://aka.ms/terminal)하고 아래를 시도해보자. 자동설치 시도해보기 윈도키 + R 로 실행창 실행 -> cmd 입력하여 명령 프롬프트 실행 -> 아래 한 줄 실행 where ubuntu.exe 경로를 찾을 수 없다고 나오는 경우, 2번도 확인해본다. 파워쉘에 아래 한 줄 입력하여 버전 확인. cmd.exe ..
-
컴퓨터의 이해각종 학습 요약/Concept 2022. 4. 26. 17:00
컴퓨터의 이해 1.컴퓨터의 개념 입력받은 데이터를 / 정해진 규칙대로 / 처리해서 / 결과를 저장하고 / 출력하는 전자 장치 입력받고 출력받는 부분(사람과의 통신(?))을 담당: 하드웨어 연산: 하드웨어 하드웨어 위에서 연산되는 '내용': 소프트웨어 2.컴퓨터의 구성: 소프트/하드 2-1.소프트웨어의 종류 시스템 소프트웨어: 응용 소프트웨어를 실행하기 위한 플랫폼을 제공. 하드웨어에 접근/제어할 수 있도록 설계되어있다. 하드웨어와 사용자(가 사용중인 응용 소프트웨어) 사이의 계층. 로더, 드라이버, 컴파일러, 어셈블러 같은 것들. 흔히 비휘발성 메모리 위에 위치하게 된다(펌웨어). 응용 소프트웨어: 시스템 소프트웨어와 상반된 개념으로, 사용자의 문제를 직접 해결. 응용품(쉽게 말해 우리가 '프로그램'이라..