반응형 [Roadmap] 7. 웹 개발 1. 프론트엔드 개발 2. 백엔드 개발 3. 자격증1) SQLD2) 정보처리기사 4. 프로젝트- Java + Intellij + Spring + MyBatis + MYSQL + Postman- JavaScript + VSCode + React.js + Node.js + Express.js + MondoDB + HTML5 + CSS3- HTML5 + CSS3 + VSCode + Figma 5. 심화분야1) 금융시스템- 엔지니어가 알아야할 금융시스템의 지식과 기술- 디지털금융의 이해와 활용- 금융 AI의 이해- 금융보안 프로세스 A to Z 2) 회계시스템- 엔지니어가 알아야할 회계시스템의 지식과 기술 3) 생산관리- 엔지니어가 알아야 할 생산관리시스템의 지식과 기술 4) 물류시스템- 엔지니어가 알아야 .. 2024. 10. 5. [로드맵] 1. 웹 개발 프론트엔드(개인 학습)1. HTML/CSS- HTML5- CSS3- Bootstrap 2. JavaScript- VSCode- Vanilla JS- Modern JS- npm/yarn 3. TypeScript- TypeScript 4. React.js- React.js 5. Next.js- Next.js 백엔드(개인 학습)1. Java(Java17)- Intellij- 이것이 자바다- Learn Java 2. Spring- 스프링 부트 3 백엔드 개발자 되기- Spring Initializr- Spring Boot 공식 문서- Spring 공식 문서 3. JavaScript- VSCode- Vanilla JS- Modern JS- npm/yarn 4. JavaScript Framework- Node... 2024. 10. 3. [분야별 기본기] 컴퓨터 공학 데이터분석 및 인공지능1. SQLD2. ADsP3. 빅데이터분석기사4. Pandas + Matplotlib5. Scikit-Learn + Scipy6. PyTorch7 Tensorflow 웹 개발1. 리눅스마스터2급2. 정보처리기사3. Java + Spring4. JavaScript + React.js + Node.js + Express.js5. Python + Django 2024. 8. 29. [HTML] Head Tag Head Tag- : 메타데이터를 포함하기 위한 요소. 메타데이터 이외의 요소를 포함해서는 안 됨- : 문서의 제목을 정의. 브라우저 탭에 표시문서 제목- - : 외부 리소스와의 연계 정보 정의. HTML과 외부 CSS 파일 연계에 사용- - : description, keywords, author 등 메타데이터 정의. 브라우저, 검색엔진에 사용. charset은 브라우저가 사용할 문자셋 정의 +) 버전별 문자셋 정의 +) 문자셋 종류1. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있습니다.2. ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원합니다.3. ISO-8859-1 : 256개.. 2024. 8. 2. [HTML] HTML5 기본 문법 요소 구성- HTML5 요소는 시작 태그, 종료 태그 그리고 태그 사이의 내용으로 구성content- Tag: 태그 이름. 소문자를 추천- attr: 속성명- value: 속성값. 큰 따옴표로 감싸기를 추천- content: 내용빈 요소- 빈 요소의 경우 내용과 종료 태그가 없음: br, hr, img, input, link, meta요소의 속성- HTML5 속성은 요소의 성질, 특징을 정의하는 명세. 요소에 추가적 정보를 제공. 시작 태그에 위치하며 이름과 값의 쌍으로 존재id유일한 식별자(id)를 요소에 지정. 중복 지정이 불가class스타일시트에 정의된 class를 요소에 지정. 중복 지정이 가능hiddencss의 hidden과는 다르게 의미상으로도 브라우저에 노출되지 않음background배경을.. 2024. 8. 2. [HTML] HTML5 기본 구조 HTML 기본 구조- HTML5 문서는 으로 시작하여 문서 형식(document type)을 HTML5로 지정- HTML document는 과 사이에 기술- HTML document는 요소들의 집합으로 구성. 요소들의 중첩을 통한 정보 구조화. 들여쓰기로 구분- 사이에는 document title, 외부 파일의 참조, 메타데이터의 설정 등이 위치. 해당 정보들은 브라우저에 표시되지 않음- 웹브라우저에 출력되는 모든 요소는 와 사이에 위치 - : 문서 형식 정의(DTD)는 현재 문서가 HTML5 문서임을 명시. 문서의 최상위에 위치하고 대소문자 구별하지 않음- : H.. 2024. 8. 2. [HTML5] HTML5 개요 HTML- HTML은 HyperText Markup Language의 약어로 웹 페이지를 기술하기 위한 Markup Language- 웹 페이지의 내용과 구조를 담당하는 언어로 HTML Tag를 통해 정보를 구조화- HTML5는 웹 상에서 콘텐츠(content)를 구성하고 보여주기 위한 HTML 언어의 최신 표준 권고안HTML5 특징1. 멀티미디어: 플래시와 같은 플러그인의 도움없이 비디오 및 오디오 기능을 자체적으로 지원2. 그래픽: SVG, 캔버스를 사용한 2차원 그래픽과 CSS3, WebGL을 사용한 3차원 그래픽을 지원3. 통신: 이전의 HTML은 단방향 통신만이 가능하였으나 HTML5는 서버와의 소켓 통신을 지원하므로 서버와의 양방향 통신이 가능4. 디바이스 접근: 카메라, 동작센서 등의 하드웨.. 2024. 8. 2. [참고자료] 웹개발 프론트엔드- HTML/CSS- CSS- React.js백엔드- Node.js- Express.js- Nest.js- Socket.io 2024. 7. 19. [로드맵] Javascript 로드맵 1. Javascript1.1 Javascript(기본: VanillaJS + ModernJS) 1.2 Javascript(상세) 1.3 Javascript(기본: ES2018이후) 2. Typescript2.1 Typescript 2.2 Typescript(상세) 3. 코딩테스트3.1 프로그래머스 4. 전문분야4.1 웹: 프론트엔드(HTML/CSS/Bootstrap/JS/React.js) 4.2 웹: 백엔드(Node.js/Express.js/Socket.io/Nest.js) 2024. 7. 19. [참고자료] 웹개발 웹 개발(프론트엔드)- [교재] Do it! 웹 디자인 교과서- [교재] Do it! 실무 순서로 배우는 프로덕트 디자인- [교재] Do it! 웹 사이트 기획 입문- [영상] Do it! 인터랙티브 웹 페이지 만들기- MDN Web Docs: - VanillaJS: - ModernJS: 웹 개발(백엔드)- [교재] 예제로 배우는 Django4- [교재] 효율과 성능의 삼위일체 Django Rest Framework, React, Next.js 웹개발의 진수- Django 4.2: - DjangoRestFramework: - [교재] 가장 빠른 풀스택을 위한 Flask&FastAPI- [교재] 처음 시작하는 FastAPI- FastAPI: - Flask 3: - pythonanywhere: 2024. 7. 19. 이전 1 2 다음 반응형
