728x90

이해한 내용 적어보자면~~

 

값 연결된 형태

next 로 다음 값 가르키고 있음

 

array랑 많이 비교되곤 하는데

값을 삽입하고 뺄 때 array에 비해서 빠름!

대신 조회할 때는 상대적으로 느림 

 

링크드리스트

연결된 그 뭉텅이...를 노드라고 함

 

노드 안에는 값이랑 다음 노드를 가르키는 애(이름뭐였지)가 있음

 

맨앞에 있는 노드를 head

맨 뒤 꼬리에 있는거 tail

 

head를 찾아서 next로 값 빼고 넣고 함

 

변수로 새로 할당해서 하는데 삭제를 먼저 하는게 아니라

다음값 가르키고 나서 삭제해야 뒤에 안잃어~

https://visualgo.net/ko

 

VisuAlgo - 영상을 통한 자료구조와 알고리즘의 시각화 (한국어판) (Korean)<br>

VisuAlgo is free of charge for Computer Science community on earth. If you like VisuAlgo, the only payment that we ask of you is for you to tell the existence of VisuAlgo to other Computer Science students/instructors that you know =) via Facebook, Twitter

visualgo.net

-> 이 비주얼고로 알고리즘 어떻게 작동되는지 살펴볼 수 있음 좋구만

 

본 강의

https://youtu.be/sq49IpxBl2k

 

 

 

 

 

 

 

 

 

 

728x90

'웹 공부' 카테고리의 다른 글

%d , %p의 의미는? (C 언어 변환문자 의미 자료형)  (0) 2021.12.07
aws 비용청구 환불은 받았지만 찜찜..(탄력적 IP,사용하지 않는 인스턴스)  (3) 2021.12.05
스택stack, 힙heap 차이점 ( /스택,큐)  (0) 2021.11.30
템플릿 (C++) template 함수,클래스 차이점  (0) 2021.11.30
C++ 객체지향프로그램 cout 입력출력  (0) 2021.11.29
일단 하나를 해보자청어와물메기 님의 블로그입니다.
728x90
<table>웹페이지에서 테이블을 만들기 위해서는 table 태그 사용함
<tr>테이블의 행(row가로줄)을 표현하는 태그
<th>열(column세로줄)의 제목을 표현하는 태그
<td> th와 마찬가지로 tr태그 안에서 사용
테이블에서의 각각 데이터를 담고있는 셀을 나타낸다.

이렇게 하고 style을 

적용해야 선이 생김

, 콤마 찍어서

한번에 값 줄 수 있음

border
padding 여백

결과~

셀병합도 속성 부여하면 됨!

위에가 셀병합한 거임

rowspan="" 가로줄, 행 ""개 셀 합하겠다
colspan="" 세로줄, 열 ""개셀 합하겠다

합할 거 태그 안에 넣어주면 됨

 

 

<textarea> 
여러줄의 텍스트를 입력받을 때 사용!

<textarea rows="" cols=""></textarea>
텍스트 (가로세로)줄수

결과값

 

 

인풋대신 버튼 만들수도 있어!

 

으라챠챠챠 복습끝~~~~

728x90

'프론트 > Html Css' 카테고리의 다른 글

가상 선택 클래스, 가상요소 / :hover /a태그/ href  (0) 2021.08.12
display/navi/float/position/하위선택자,자식선택자  (0) 2021.08.12
css 스타일 개념 및 적용 id class /가운데 정렬  (0) 2021.08.11
html 폼 태그 name/value/fieldset/input/label/select/css링크달기  (0) 2021.08.08
htm이미지 넣기  (0) 2021.08.08
일단 하나를 해보자청어와물메기 님의 블로그입니다.
728x90

2일차 0806 수업

제목으로는 내용을 써야겠으

 

<img src=" 사진경로 넣어주면됨"/>

에러 나길래 찾아보니까 이미지 경로 지정방법 절대경로/상대경로있다는데

절대경로- 웹페이지 "이미지주소복사" 해서 넣은 방법이라 생각.

상대경로- 이미지 삽입할 HTML문서 기준으로 경로 인식(, 내 컴퓨터파일에 있는 사진경로)

 

하위폴더로 이동하는 법: 하위 폴더명 적어주고 /

상위,하위폴더 뭔말인지는 모르겠지만 경로찾는 법은 밑에걸 써서 했음 
../  는 상위폴더로 이동하는 법

이미지 파일이랑 html파일이 다른 폴더에 있으면 이미지 파일경로 넣어줘야함!!

alt는 이미지 깨졌을때 안내문구
width 너비 
height 키

png 원본손실이 없는 무손실 압축, 일반적으로 웹에서 가장 많이 사용
jpg 손실압축으로 사진 이미지의 압축 효율이 좋음 주로 사진 이미지를 저장하는데 사용
gif 애니메이션을 지원함, 짤
svg (일반적으로는 잘 안쓰지만) 안깨져
raw 압축 이전의 확장자, 원본파일, 한 픽셀에 대해서 rgb색값이 있음
(->raw모드로 이번 포스터촬영해서 용량거덜났잖아 나..)

 

 

여기서는 y축 반대임

근데 걍 X방향 너비w Y방향 키,높이h로 생각하면 될 듯

title 값으로 속성부여!

 

728x90

'프론트 > Html Css' 카테고리의 다른 글

가상 선택 클래스, 가상요소 / :hover /a태그/ href  (0) 2021.08.12
display/navi/float/position/하위선택자,자식선택자  (0) 2021.08.12
css 스타일 개념 및 적용 id class /가운데 정렬  (0) 2021.08.11
html 테이블 만들기  (0) 2021.08.08
html 폼 태그 name/value/fieldset/input/label/select/css링크달기  (0) 2021.08.08
일단 하나를 해보자청어와물메기 님의 블로그입니다.
728x90

#1 visual studio code 깔기

자바스크립트 등 사용 가능한 프로그램이라 한다.

 

쓰기 앞서 간단히 개념설명을 들었다.

 

html = 마네킹, 뼈대
css = 옷,디자인

 

#2 시작

 

새폴더를 만들고 새 파일을 만든다.

index.html

index.js (자바스크립)

index.css 

 

이렇게 쓸 수 있다고 함. 일반적으로 이름을 인덱스 붙인다고 하는데 꼭 그래야 하나?

오늘 과제물로 다르게 적었는데도 작동되긴 하던데..

 

오른쪽 창을 도화지라고 생각하자

doc 치고 엔터 누르면 기본 설정 좌르르 나옴

lang 은 언어. en에서 ko 한국어로 바꿔준다.

<!DOCTYPE html>
html의 브라우저에 html문서의 버전을 알려준다. 
이 태그를 통해 html5문법에 따라 해석되고 화면에 표시한다 

나는 까먹고 안 넣고 시작했는데 되긴 되어서 물어보니까 넣고 시작해야 오류안난다고 함! 넣고 시작하기

 

<!--  -->
이건 주석!
단축키는 ctrl K C

 

<head>
브라우저의 실행화면에 보이지 않지만 HTML 문서에서 필요한 사항이나 특수 기능을 
설정할 때 사용한다
<meta>
데이터를 표현하는 속성인 메타데이터를 설정한다
메타데이터는 데이터를 표현하는 또 다른 데이터

오픈 서버!~!

 

 

'

127이 아이피 주소 / index.html 이 실행되고 있다는 뜻

<body>
눈에 보이는 걸 쓰는 거임
브라우저 실행화면에 보이는 내용을 작성하는 곳!

 

문서의 시작과 끝

<>
꺽쇠는 시작과 끝
/
닫는다는 뜻

이런 거를 태그라고 부른다.
태그는 여러 종류 있지만 쓰는 것만 써. 다쓰지는 않음

왼쪽이 결과물 / 이 태그는 h6까지 있다고 함

꿀팁
shift alt ↑(또는)↓

하면 똑같은 거 복사돼서 밑에 뜸

 

#3 간단한 이론 설명

www = 월드와이드 웹 World Wide Web

 

얘를 통해 이미지 동영상 사운드 등 데이터를 유저한테 제공한다

쉽게 얘기하면 유저, 사용자랑 컴퓨터, 아니면 또 다른 사용자와 상호관의 소통할 수 있게 해주는 서비스

그럴 때 웹브라우저는 서버에서 제공되는 데이터를 분석한 다음에 화면에 보여주는 역할을 한다

우리가 흔히 아는 웹브라우저 크롬, 사파리등 

 

웹 프로그램-  프로그램에 필요한 데이터에 저장 수정 삭제 기능을 지원하는 걸 이야기

회원가입 게시판 댓글 쇼핑몰 장바구니 배송 조회 등등.

그런 기능 부여하는 역할 한다.

 

 

 

 

 

퍼블리션은 디자이너와 프론트 중간

 

개발자는 보통 프론트, 백  

둘 다 되면 풀스택.

 

프론트는 우리가 지금 웹브로저 접속 등과 같은 눈에 보여주게 하는 역할 하는 거(백앤드 데이터 db에 저장된 거, 라이브러리나 프로그램 이용해서 풀어주는 역할)

백앤드 뒷단위, 안 보이는 작업 ex) 데이터베이스, 서버.

 

그렇다고 프론트가 백앤드를 안보는 건 아님. 서로 코드를 볼 수밖에 없어.

 

 

 

#4 다시 설명

 

<br>줄바꾸기

 

&nbsp;  한칸띄어쓰기

 

F12 개발자 모드 -> 코드 볼 수 있어

 

<p>한단락띄우기</p>

 

<b>볼드하게보임</b>

 

<i>비스듬히보임</i>

 

 

목록 나타내는 태그

<ul>

     <li> </li>      얘는 순서없이 

 

<ol>

    <li> </li>    얘는 넘버링 자동붙여줌 

 

용어 정리할 때 dl이나 dt사용

 

 

나중에 폴더 이미지/html 등 폴더 잘구분해야함

참고로 나 이동안되는거 왜 그런가 보니까 html를 다른 폴더에 넣어놔서였음

연동할 수 있게 같은 폴더에 넣어줘야 함

 

a 태그는 주소

블랭크라는 녀석은 새 창(탭)으로 이동해주는 것뿐

블랭크 빼면 자체적으로 이동

 

대체로 많은 에러 스펠링, 대소문자 오타에서 시작하니까 조심하자!

728x90

'웹 공부' 카테고리의 다른 글

비주얼스튜디오 폴더 사용, 깃, 리액트 깔기 팁  (0) 2021.11.03
toLocaleDateString 날짜 시간 나타내기  (0) 2021.10.27
배열과 객체 차이  (0) 2021.10.27
디버깅/npm/path  (0) 2021.09.24
java 반복문 for문으로 별찍기/ while문  (0) 2021.08.18
일단 하나를 해보자청어와물메기 님의 블로그입니다.

+ Recent posts

티스토리툴바