전체 글
-
자바스크립트 특징Javascript 2023. 4. 27. 12:54
다른 부분을 신경쓰고 있던 나는 자바스크립트를 기억에서 삭제했다. 그래서 다시한다. 자바스크립트 자바스크립트란? 자바스크립트는 객체 기반의 스크립트 언어로, 웹의 동적 구현을 위해 사용되는 프로그래밍 언어이다. 👉 웹 개발, 서버 개발 등 다양하게 활용 가능하다. 특징 1. 자바스크립트는 객체 기반의 스크립트 언어다. 객체 : property(속성 - 이름, 값으로 구성)와 method(메소드-객체에 저장된 값이 함수일 때 메소드라 부른다)로 구성된 데이터 집합 2. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어다. 인터프리터 언어: 소스 코드를 별도의 컴파일 과정 없이, 실행 중 소스를 해석해 실행하는 언어 - 장점: 코드를 즉시 실행하고 수정할 때도 즉시 반영 가능해 개발 속도가..
-
-
git과 형상관리 그리고 git 설치방법Github 2023. 4. 18. 19:47
git 과 형상관리 형상관리? 소프트웨어 개발 과정에서 발생하는 코드, 문서, 빌드 결과물 등의 변경 사항을 관리하는 것 변경 관리(변경되는 항목뿐만 아니라 히스토리까지 관리)와 버전 관리 모두 형상 관리에 속한다. 👉 git은 형상관리 도구 중 하나이다. 👉 변경사항을 체계적으로 추적, 통제하여 아래와 같은 상황을 통제한다. 변경 이력 추적 : 소스 코드의 변경 이력 및 사유를 관리 및 확인할 수 있다. 동시 작업 지원 : 동시 작업이 가능하며, 소스 코드를 공유할 때 생기는 버전 충돌 문제를 해결할 수 있다. 장애 혹은 수정이 필요한 경우, 이전 버전으로 돌아갈 수 있다. git? 분산 버전 관리 시스템(Distributed Version Control System)으로 소프트웨어 개발 시 버전 관리..
-
API와 REST API공부/코딩용어 2023. 4. 12. 19:00
** API와 REST API ** 📍Interface 서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고받는 경우의 접점이나 경계면. 👉 서로 다른 두 개체 사이에서 상호작용을 가능하도록 하는 것 👉 사용자 - 컴퓨터 사이의 인터페이스는 키보드, 마우스 등을 통해 이루어진다. 👉 시스템 간의 인터페이스는 API를 통해 이루어진다. 📍UI (User Interface) 컴퓨터와 사람 간의 상호작용의 접점 👉 컴퓨터 또는 디바이스와 사람 간의 상호작용을 할 때 보는 시각적 요소 GUI 그래픽 사용자 인터페이스 : 그래픽을 사용해 사용자 - 컴퓨터 간 상호작용을 가능하게 하는 인터페이스 WUI 웹 기반 인터페이스 : 인터넷을 통해 제공되는 소프트웨어에서 사용자와 상호작용 시 웹 브라우저를 통해 제..
-
스코프(scope)와 호이스팅(hoisting)Javascript 2023. 4. 10. 23:06
스코프(Scope) 변수의 유효범위. 선언한 변수가 영향을 미치는 범위를 의미함. 호이스팅(Hoisting) 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 변수의 선언과 초기화를 분리 후, 선언만 코드의 최상단으로 옮기는 것 (자바스크립트는 초기화를 제외한 선언만 호이스팅한다.) → 함수나 변수 선언하기 전에 호출해도 에러가 발생하지 않음 *인터프리터 : 프로그래밍 언어의 소스 코드를 바로 실행하는 프로그램 var 재선언 O, 재할당(타입 변경도 가능) O / 함수 스코프 (또는 전역 스코프) 더보기 블록 기준으로 스코프가 생기지 않아, 코드블록 내에 변수를 선언했어도 해당 변수는 전역변수가 된다.var로 선언한 변수는 어디서든 참조할 수 있으나, 변수에 할당하기 전에는 값은 un..
-
네이밍 방법론 (케이스 스타일, 네이밍 컨벤션)HTML5_CSS3 2023. 4. 7. 12:33
CSS에서 스타일링을 하다보면, 클래스 이름을 무분별하게 작성하는 나를 발견한다. 최소한의 카멜케이스 또는 스네이스케이스를 사용한다거나, 의미 파악이 안되는 작명을 하지 않는다는 정도..? 👉 그러나 코드 일관성 유지 및 유지 보수와 함께 가독성을 위해서는 꼭 규칙에 맞게 작명을 해주는 습관이 좋다. 네이밍 / 작명에 대해 1) 케이스 스타일 1. 카멜 케이스 : 낙타의 모양을 따와 만든 표기법, ex) camelCase 2. 스네이스 케이스 : 뱀의 모양을 따와 만든 표기법, 띄어쓰기를 언더바 _ 로 연결해 표기 ex) snake_case 3. 케밥 케이스 : 케밥의 내용물이 연결된 모양을 따와 만든 표기법, 하이픈 - 으로 연결해 표 ex) kebab-case 4. 파스칼 케이스 : upper cam..
-
Sass(SCSS) 기본 공부 3 중첩HTML5_CSS3/sass 2023. 4. 6. 02:23
Sass(SCSS) 기본 공부 1 https://raim-2.tistory.com/17 Sass(SCSS) 기본 공부 2 https://raim-2.tistory.com/18 Sass/SCSS 중첩 (Nesting) Sass에서는 중첩이 가능하다. 중첩은 일반 CSS보다 더 깔끔하고, 구조 및 선택자 파악이 쉽다는 장점이 있다. 첫번째 두번째 1. 중첩 사용방법 중첩을 사용하는 방법은 간단하다. 아래 예시처럼 중첩하고 싶은 만큼 대괄호 {} 안에 자식 선택자를 넣으면 된다. $txt_color:#fff; $bg_color : background-color; $font_size : 18px; $my_border : 1px solid #ddd; ul{ li { #{$bg_color} : black; bord..
-
Sass(SCSS) 기본 공부 2 변수HTML5_CSS3/sass 2023. 4. 6. 00:45
Sass/SCSS 공부 2 Sass(SCSS) 기본 공부 1 https://raim-2.tistory.com/17 Sass(SCSS) 기본 공부 1 *나나님의 아무튼 Sass 시리즈 + W3school 을 보고 공부합니다. CSS 전처리기 자신만의 문법을 가지고, CSS 생성하도록 하는 프로그램 CSS의 단점인 단순 반복 등을 보완하기 위해 생긴 프로그램 정규 CS raim-2.tistory.com Sass/SCSS 변수 (variables) Sass에서는 반복적으로 사용되는 값을 변수로 사용이 가능하다. 변수는 $기호를 사용해 선언할 수 있다. 변수의 값으로는 문자열, 숫자, 불리언, 색상, null 등 다양한 값을 담을 수 있다. 변수는 CSS로 컴파일하면, CSS 파일에 보이지 않는다. //$변수명..