profile
°˖✧ Dreams come true ✧˖°
post-thumbnail

Developer | [개발용어] Library, Framework, Architecture, Platform

간략 설명: 프로그램 제작 시 필요한 기능비교 설명: 자동차 바퀴, 자동차 헤드라이트, 자동차 에어백예시 : jQuery재 사용이 필요한 기능 ( 반복적인 코드 작성을 없애기 위해 ) 언제든지 필요한 곳에서 호출하여 사용 가능Class나 Function으로 만들어짐그

6일 전
·
0개의 댓글
post-thumbnail

React | Refactoring Check List

테스트를 할 때: 필수적master branch 금지 (유저 볼 수 있음)레이아웃 영향 多 순서, 인접 속성끼리 묶어서 작성속성 순서 \- Layout Properties (position, float, clear, display) \- Box

6일 전
·
0개의 댓글
post-thumbnail

Git | test 과정 정리

wecode2 라는 repository 생성 cd Desktopcd testmkdir wecode2cd wecode2git initgit init 완료 후 사진 과 같으면 성공 vi 파일명(→ 해당 파일로 이동)파일 내부에 i를 누르면 입력할 수 있는 모드

2021년 1월 1일
·
0개의 댓글
post-thumbnail

Developer | How the Web Works

브라우저를 통해 사용자가 서버에 웹사이트를 요청하면 서버에서 브라우저로 응답하는 방식요청과 응답의 관계 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대 해주는 서비스 인터넷에 띄운다는 것은 홈페이지의 구성 파일들이 (html, css, js) 인터넷

2020년 12월 31일
·
0개의 댓글
post-thumbnail

JavaScript | object

A 변수 verb와 project가 가지는 값에 따라 다른 키와 다른 값을 가지는게 가능 B 키와 값: 고정순서가 보장되지 않은 순회어떤 객체가 가지고 있는 키들의 목록을 배열로 리턴하는 메소드객체 생성자인 Object 가 직접 가지고 있는 메소드응용\_반복

2020년 12월 24일
·
0개의 댓글
post-thumbnail

JavaScript | DOM & document

페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델역할: HTML인 웹페이지와 스크립팅언어(JavaScript)를 서로 이어줌JavaScript가 웹 페이지에 접근하고, 페이지 수정하는 것을 가능하게 함JavaScript의 document 객체

2020년 12월 24일
·
0개의 댓글
post-thumbnail

Developer | [개발자 도구] Application

LocalStorage, SessionStorage, Cookie의 차이점Local Storage영구 저장소 저장한 데이터를 명시적으로 지우지 않는 이상 영구적으로 보관이 가능도메인마다 별도로 로컬 스토로지Windows 전역 객체의 LocalStorage라는 컬렉션을

2020년 12월 18일
·
0개의 댓글
post-thumbnail

CSS | Display

display의 값 기본 값: block, inline, inline-block, none 이 외: list-item, table 등 전체 목록 링크 block 요소 대부분의 HTML element(이하 요소)가 해당 의미 이

2020년 12월 17일
·
0개의 댓글
post-thumbnail

CSS | float

주 사용이미지 주변에 텍스트를 감싸기페이지 전체의 레이아웃을 잡을 때과거에 레이아웃 잡는데 사용함.최근 레이아웃 잡는데 사용하는 것 flex > float none : 요소를 띄우지 않습니다. (default)left : 요소 자신을 포함하고 있는 컨테이너의 왼쪽으로

2020년 12월 17일
·
0개의 댓글
post-thumbnail

CSS | Position

요소의 위치 지정기본 값정적(static) 엘리먼트는 위치가 지정된 것이 아니라고 표현 static이 아닌 다른 값으로 지정된 엘리먼트에 대해 위치가 지정됐다고 표현 딱히 위치 이동 x ( 별도의 프로퍼티를 지정하지 않는 이상 )top, right, bottom

2020년 12월 17일
·
0개의 댓글
post-thumbnail

HTML | Semantic Web, Semantic Tags + <img>, <background-image>

Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들

2020년 12월 14일
·
0개의 댓글
post-thumbnail

Python | while 반복문

조건식으로만 동작.반복할 코드 안에 조건식이 영향을 주는 변화식이 들어감.난수를 생성해서 숫자에 따라 반복을 끝내자난수 규칙 없이 무작위로 나열되는 숫자난수를 생성하려면 random모듈이 필요함import 모듈예시 Q : a와 b사이의 난수를 생성한 뒤 특정 값이

2020년 12월 11일
·
0개의 댓글
post-thumbnail

Python | break/continue (반복문 제어)

정의 반복문을 끝낸다. ↓ while : 100-1=99까지 출력for : 100까지 출력정의 아래에 있는 명령어를 수행하지 않으면서 반복문을 다시 시작한다. ↓ ↓ 예시 1예시 2break : 완전히 끝냄continue : 아래에 있는

2020년 12월 11일
·
0개의 댓글
post-thumbnail

Python | for 반복문

방식: range에서 in으로 숫자를 하나하나 꺼내서 반복for는 숫자를 꺼낼 때마다 코드를 실행 ↓ 동작과정 형식※ 주의range는 숫자가 증가하는 기본 값이 양수 1임.형식for에 range 대신 시퀀스 객체(리스트, 튜플, 문자열 등)를 넣어도 됨예시reve

2020년 12월 10일
·
0개의 댓글
post-thumbnail

Python | 불(boolean), 비교 연산자, 논리 연산자

불(boolean) : 참(True), 거짓(False)을 나타냄비교 연산자: 두 값의 관계를 판단 논리 연산자: 두 값의 논릿값을 판단 → 둘 다 프로그래밍에서 매우 광범위하게 쓰임 → if, while 구문을 작성할 때 자주 사용함. 파이썬에서는 비교/논리

2020년 12월 3일
·
0개의 댓글
post-thumbnail

JavaScipt | 반복문

for 문반복횟수 명확히 알고 있을 때가장 많이 사용 (가독성, 편함 ↑)while문조건에 따라 반복횟수를 결정해야 할 때do-while문while문과의 차이점: 조건을 먼저 검사하느냐 나중에 검사하느냐 while문과의 공통점: 기본적인 로직은 같다.for문, whi

2020년 11월 23일
·
0개의 댓글
post-thumbnail

JavaScript | 변수

변수란? 정보를 저장할 수 있는 공간에 이름을 붙인 것이다. → 비유 변수 = 박스 변수명 = 박스에 붙인 라벨 변수 값 = 박스 안의 내용물 → 변수 만든 것 박스를 조립하고 라벨을 붙이는 것은, 변수를 선언하는 것이다. 박스에 내용

2020년 11월 23일
·
0개의 댓글
post-thumbnail

JavaScript | String(문자열)

문자열: 문장이라는 뜻. ex. 자바에서 문자열에 해당하는 자료형은 String이다. 위 문자열을 자바에서 표현하려면 아래와 같다.

2020년 11월 23일
·
0개의 댓글
post-thumbnail

JavaScript | Template literal

백틱( \` (esc키 밑에 있음))을 사용줄바꿈 지원: 단순 코드상의 줄바꿈을 통해서.문자열 안에서 자유로운 따옴표 사용${변수명}의 형태로 특정 변수 전달 가능(변수명 형태)${} 안에서 특정 표현식 사용/ 간단한 연산 가능(특정 표현식)(간단한 연산 (위 코드는

2020년 11월 23일
·
0개의 댓글
post-thumbnail

JavaScript | array method

slice 일명 : 뽑아내기 arr.slice([begin[, end]]) 배열의 일부분을 잘라내어, 새로운 배열로 리턴하기 위해서 사용 slice 함수는 잘라낼 배열의 시작index와 end index를 파라미터로 받아서, 그 사이의 원소들을 새로운 배열로 만들어서

2020년 11월 23일
·
0개의 댓글