분류 전체보기

부트캠프/멋쟁이 사자처럼

7+DAY_멋사 프론트엔드 부트캠프 14기_TIL

What I Learned Today오전에는 프레이징 요소, 인용문과 줄바꿈, 텍스트 레벨 요소에 대해서 배웠다.프레이징 요소에서 em, i, strong, b 태그는 텍스트의 강세를 나타낸다.em과 i 태그는 보여지는것은 기울임꼴이지만 em은 컨텐츠를 강조하는 의미가 있지만 i는 단지 기울임꼴로 보이도록 한다.strong과 b 태그는 굵은 글꼴을 보여주지만 strong은 컨텐츠 강조의 의미가 있고 b는 굵은 글꼴로 보이도록만 한다. 인용문은 blockquote와 q 태그를 사용한다.blockquote 태그는 보통 문단 전체를 인용할 때 사용하고 q 태그는 짧은 인용문이나 문장 준간에 섞어서 사용한다.cite 태그와 속성은 인용의 출처를 지정할 수 있어서 문서의 신뢰성을 높이거나 SEO에 도움이 된다. ..

부트캠프/멋쟁이 사자처럼

6+DAY_멋사 프론트엔드 부트캠프 14기_TIL

What I Learned Today오전에는 하이퍼링크, 태그에 대해 배웠다.href속성은 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일, 전화번호, 외부 url을 연결할 수 있다.target 속성의 예약어에는 _self, _parent, _top, _blank 등이 있다._blank를 사용할때 rel속성은 중요한데 noopenner와 noreferrer를 사용하여 보안을 신경쓸 수 있다. 오후에는 name속성과 id속성, title속성을 배웠고 이미지 링크를 배웠다.그리고 리스트를 배웠다. ol과 ul 태그를 사용하고 여기서 ol은 orderd list, ul은 unorderd list라고 한다.ol과 ul의 자식 요소는 무조건 li여야 한다.정의형 리스트도 배웠다. 정의형 리스트는 dl(d..

부트캠프/멋쟁이 사자처럼

5+DAY_멋사 프론트엔드 부트캠프 14기_TIL

What I Learned Today오전에는 웹접근성과 웹표준에 대해 배웠다.웹서비스 개발은 백엔드와 프론트엔드 서비스로 나눈다.프론트엔드는 구조(HTML5) 디자인(CSS3) 설계(JavaScript)로 이루어져있다.HTML5 : 뼈대, 건강한 신체CSS3 : 근사한 스타일링, 다양한 마크업 언어와 결합 가능Javascript : 스마트한 두뇌 오후에는 DTD 내용을 기반으로 실습을 하며 HTML을 배워보았다.그리고 주말 과제도 받았다.. ㅋ The Problem I Faced개인 브랜치에서 작업 도중 강사님이 커밋을 하셔서 동시에 연결해둔 main 브랜치로 이동해 pull을 했다.하지만 이런 오류가 생겼다.error: Your local changes to the following files woul..

부트캠프/멋쟁이 사자처럼

4+DAY_멋사 프론트엔드 부트캠프 14기_TIL

What I Learned Today오전에는 .gitignore 파일과 package.json 파일 생성 방법 그리고 패키지 설치 방법에 대해서 배웠다.그리고 live-server를 통해 로컬에서 서버를 실행시켜 웹에 렌더링 하는 방법도 배웠다. 오후에는 간단하게 HTML에 대한 설명을 들었고 VSCode에서 할 수 있는 환경설정과 편의성 익스텐션 설치를 했다.그리고 강사님의 Git을 pull 받아 다른 브랜치를 만들어 수정하고 나의 repo에 push하는 방법도 배웠다. The Problem I Faced오류1)VS Code에서 Prettier - Code formatter 익스텐션을 설치하고 적용하려는데 이런 오류가 발생했다. 오류2)강사님의 repo를 clone하고 npm install을 한 후 ..

부트캠프/멋쟁이 사자처럼

3+DAY_멋사 프론트엔드 부트캠프 14기_TIL

What I Learned Today요즘은 CLI와 GUI를 통한 Git 사용법에 대해서 배우고있다. 오늘 오전에는 git init, git add, git commit을 배웠다.#일반 디렉토리를 Git 디렉토리(로컬 저장소)로 초기화 시키기git init#로컬 저장소에 있는 파일들을 staging 하기git add#git add를 통해 stage에 들어간 파일들을 index로 옮긴다.git commit -m "커밋 메시지"오후에는 branch와 merge, checkout, clone, push, pull을 사용하는 방법을 배웠다.#브랜치를 만들고 싶으면git branch -c 브랜치명#브랜치를 바꾸고 싶다면git switch 브랜치명#하지만 만들고 따로 들어가기 귀찮다면 한번에 하는 방법이 있다.gi..

개인공부/데이터베이스

데이터베이스 관리 시스템

데이터베이스 관리 시스템의 등장 배경 과거에는 파일 시스템이라는 소프트웨어를 이용. 데이터를 파일로 관리할 수 있도록 파일을 생성·삭제·수정·검색하는 기능을 제공. 응용 프로그램별로 필요한 데이터를 별도의 파일로 관리. 하지만 파일 시스템은 문제가 많았다. 같은 내용의 데이터가 여러 파일에 중복 저장 (데이터 중복성) : 저장 공간 낭비, 데이터 일관성, 무결성 유지 어려움. 응용 프로그램이 데이터 파일에 종속적 (데이터 종속성) : 파일의 구조를 변경하는 응용 프로그램도 함께 변경. 데이터 파일에 대한 동시 공유, 보안, 회복 기능이 부족. 응용 프로그램 개발 어려움. 데이터베이스 관리 시스템의 정의 데이터베이스 관리 시스템 (DBMS) 파일 시스템의 데이터 중복과 데이터 종속 문제를 해결하기 위해 제..

개인공부/데이터베이스

데이터베이스 기본 개념

데이터베이스의 필요성 데이터 : 현실 세계에서 단순히 관찰하거나 측정하여 수집한 사실이나 값으로 자료라고도 한다. 정보 : 데이터를 의사 결정에 유용하게 활용할 수 있도록 처리하여 체계적으로 조직한 결과물. 가치 있는 정보를 얻으려면 현재 상황을 정확히 관찰하고 측정하여 의미 있는 데이터를 많이 수집해야 한다. 그리고 수집한 데이터를 효율적으로 저장했다가 필요할 때 언제든 사용할 수 있어야 한다. 따라서 유용하게 활용할 수 있는 정보를 정확히 추출할 수 있도록 데이터를 대신 관리해 주는 데이터베이스가 필요하다. 데이터베이스의 정의와 특징 데이터베이스 : 특정 조직의 여러 사용자가 '공유'하여 사용할 수 있도록 '통합'해서 '저장'한 '운영' 데이터의 집합. 데이터베이스의 정의 4가지 공유 데이터 : 특정..

개인공부/소프트웨어 공학

UML과 유스케이스 다이어그램

UML UML(Unufied Modeling Language) : 12개의 다이어그램으로 소프트웨어의 전체 윤곽을 알 수 있음. 즉, UML은 시스템이 상호작용하는 측면, 시스템 전체 구조 측면, 컴포넌트 간의 관계 등을 시각적으로 볼 수 있게 나타낸 도면이다. UML의 다이어그램 종류 : 크게는 구조 다이어그램, 행위 다이어그램, 상호작용 다이어그램으로 나뉜다. 구조 다이어그램 : 클래스, 객체, 복합 구조, 배치, 컴포넌트, 패키지 행위 다이어그램 : 활동, 유스케이스, 상태 머신 상호작용 다이어그램 : 순차, 통신, 타이밍 유스케이스 다이어그램 객체지향 방법의 유스케이스 다이어그램은 시스템이 제공하는 기능을 나타내는 유스케이스와 이 기능을 사용하는 사용자인 액터 그리고 이 둘의 관계로 나타낸다. 유..

HTML/Google 클론

구글 클론 만들어보기 ! ( 1 )

구글 클론 사이트를 만들 것에요. 일단 결과물을 먼저 보여드릴게요. 어때요 정말 간단해 보이죠? 자 그럼 지금부터 시작할게요 잘 따라와 주세요~! 우리는 총 3번에 걸쳐 구글 클론 사이트를 완성시킬 거예요 첫 번째 글에서는 상단에 있는 Gmail, 이미지, 메뉴, 프로필을 만들어볼게요 저는 코드를 VsCode에서 작성했어요 VsCode는 느낌표를 입력하고 탭을 누르면 HTML 서식이 자동으로 만들어지더라고요 원래는 html lang가 en이지만 우리는 사이트에서 한글을 주로 사용하니 ko로 바꿔주세요 그리고 title부분을 변경하면 아래 사진처럼 바꿀 수 있어요! 원하는 제목으로 바꿔주세요 이제 사이트 색이랑 글을 넣어야겠죠? body의 스타일을 바꾸면 전체적인 사이트를 바꿀 수 있어요 저는 구글을 다크..

개인공부/C

배열

배열 배열 자료형이 같은 변수의 집합을 숫자를 이용해 관리할 수 있다. 배열을 선언할 때는 자료형 변수명 [요소 개수] 이렇게 하면 된다. 단, [] 안은 상수여야 한다. 만약 int a[4]를 선언했으면 a[0]부터 a[3]까지 선언된 것이다. 배열 초기화 배열 초기화는 배열에 값들을 지정해준다. 초기화 값은 대입할 수 없으며 배열의 요소 개수보다 많으면 오류가 발생한다. // 방법 1 int main(void) { int a[5] = {1,2,3,4,5}; return 0; } // 방법 2 int main(void) { int a[] = {1,2,3,4,5}; return 0; } // 배열 a[0] == 1, a[1] == 2 ... a[4]에는 5가 초기화된다. int main(void) { i..

NamDoHyeon
'분류 전체보기' 카테고리의 글 목록 (3 Page)