[카테고리:] 디자인
-
Git Github 설치와 적응하기1
이글은 git github 이해와 적응을 위한 스터디 메모 자료입니다. 필요하신 분들에게 도움이 되길 바랍니다. 아레에서는 git을 설치하고 github를 적용하고, CUI환경과 GUI환경에서 어떻게 사용하면 되는지 개념과 설치, 사용 등의 내용을 담고 있습니다. Git CUI 설치와 사용방법 Git Github의 CUI환경은 리눅스 명령어를 이해하는 사용자라면 쉽게 배울 수 있다. 만약 리눅스 명령어가 이숙하지 사용자라면, 리눅스 기초 강의를 들어두는…
-
html/css 기본 레이아웃 소스
이미지만 바라보며 작업하던 디자이너가 풀스택 수업을 들으며 정리하고 구분해보는 html/css 코너. 영상 강의를 학습을 하면서, 일반적으로 기본 레이아웃을 지정하는 소스들이 있지 않을까? 라는 생각이 들었다. 그래서 여기저기 자료를 찾아보다가 chatGPT에 물어봐서 내가 원하는 정리를 요구했다. 직접 알아보고 작성하려니 시간이 많이 걸리는데, 하루에 주어진 시간은 부족하니 도움을 요청할 수 밖에. 다행히 최근에 chatGPT가 5로 업그레이드 되어…
-
연산자 Operator- 자바스크립트
연산자는 규칙에 따라 계산하여 값을 구함. 표현식 Expression 형태 자바스크립트는 표현식의 연결이다. 연산자 표현식 할당 연산자 해석/ 실행 순서 산술 연산자 (+ 연산자) 숫자료 변환 산술 연산자 (- * / % 연산자) 단항 연산자 후치, 전치, 논리 NOT 연산자 유니코드, UTF 관계 연산자 동등, 부동, 일치, 불일치 연산자 콤마, 그룹핑, 논리 연산자 조건 연산자, 연산자…
-
자바스크립트 기초 JavaScript
자바스크립트 기초의 이해는 필수. 이유는 구조나 변수명 등을 기본적으로 알고 있어야 사용이 가능하며, 프레임워크 활용도 좀더 용이해진다. html 5, CSS, DOM, JavaScript 위 4가지를 이해하면, 프레임 워크 없이도 프론트앤드 개발이 가능하다. 자바스크립트는 그중 하나이다. 프레임워크 예시 분야 프레임워크 설명 웹 프론트엔드 React, Vue.js, Angular 사용자 인터페이스 만드는 프레임워크 웹 백엔드 Spring (Java), Django (Python), Express…
-
HTML/CSS 포인트 키워드
시멘틱요소 (Semantic Elements) CSS 속성들 색 표현 수치 값 a버튼 가상 클래스 (의사 클래스) 가상 요소 (의사 요소) Float CSS Clear CSS B버튼 만들기 / C버튼 만들기 크롬 개발자도구 활용 (F12 버튼) margin, padding, border (CSS box model) Text 스타일링 image, input 요소 Transform * animaiton CSS background-clip Flexbox flex-flow, justify-content, align-items align-content, align-self flex…