코딩각

pico css 프레임워크 리뷰 - 미니멀리즘 CSS 프레임워크

Pico Css Pico는 미니멀리즘을 추구하는 CSS 프레임워크입니다. 웹프레임워크의 선택은 항상 고민스러운 부분인데 특히 프론트엔드 같은 경우는 너무나 종류가 많아서 문제입니다. 어떻게 보면 종류가 많은 것 자체는 큰 문제가 아니고 그 경쟁이 치열한 시장이라 기술이 발전한다는 것으로 좋게 볼 수도 있습니다. 다만 프로그래머 개인의 입장에서 보면 학습 시간이 지나치게 늘어난다는 단점이 있습니다. 프론트엔드만 봐도 HTML/CSS/JS 이 세개를 시작으로 JQUERY, REACT, VUE, SWIFT, TYPESCRIPT, VANILA JAVASCRIPT 정도는 기본으로 다룰 수 있어야 하고 SASS, BOOTSTRAP 등 널리 사용되는 프레임워크도 알아야 합니다. 이 모든 언어들의 결과물은 다 똑같은 ..
코딩(CODING)/HTML | CSS 2023. 4. 8. 01:23

파이썬 설치 방법 총정리 (윈도우 / 리눅스)

파이썬 설치하기 파이썬 설치 방법을 총정리한 포스팅입니다. 윈도우와 리눅스로 나눠서 설명합니다. 여러가지 방법 중에 표준적인 방식들을 정리했으니 본인의 컴퓨팅 환경에 맞도록 선택해서 설치합니다. 윈도우(Windows) 1. 홈페이지에서 설치(윈도우 패키지 설치 앱) 초보자들이 학습을 위해 파이썬 최신 버전을 설치할 수 있는 쉬운 방법입니다. 파이썬 공식 홈페이지에서 윈도우 설치용 패키지를 다운로드 받아서 설치합니다. 다음 파이썬 공식 홈페이지의 다운로드 페이지로 들어갑니다. Download Python | Python.org Download Python The official home of the Python Programming Language www.python.org 파이썬 홈페이지는 언어는 영어지..
코딩(CODING)/파이썬(PYTHON) 2023. 3. 9. 23:15

자바스크립트 화살표 함수(Arrow Function) 사용법

자바스크립트에서 화살표 함수를 처음 보면 저게 무엇인가 하고 혼동스러운 시간이 있습니다. 그런데 기호라는 것이 그렇듯이 시간이 지나고 익숙해 지면 가독성이 더 좋아지는 효과가 있습니다. 그러기 까지 어느 정도 시간이 걸리겠지만 숙련자가 되기 위한 과정입니다. HTML 페이지를 하나 만들어 놓고 DOM으로 자바스크립트 화살표 함수에 대해 알아보겠습니다. arrow function ex 기본함수에서 화살표함수, 그리고 축약형 문법은 아래와 같습니다. 첫번째는 function 키워드를 사용했으니 알아보기 쉽습니다. 두번째는 function 키워드가 없어지고 => 가 뒤에 붙는 것으로 바뀌었습니다. () 괄호안은 매개변수입니다. 마지막 축약형은 return 문을 => 화살표 함수표시의 뒤에 둠으로써 완성됩니다...
코딩(CODING)/자바스크립트(JS) 2022. 6. 24. 12:03

자바스크립트 돔(DOM) 조작하기 - HTML/CSS/JS

웹개발을 본격적으로 학습하다가 막히는 부분이 몇개 있는데 그 중에 하나가 DOM 입니다. DOM은 Document Object Model - 문서 객체 모델의 약자로 쉽게 말하면 웹브라우저에서 HTML의 요소들을 클라이언트에서 이 DOM을 사용해 동적으로 조작하는 것 입니다. (DOM은 돔이라 부른다) 왜 이걸 사용하느냐? 웹의 초기로 거슬러 올라가 보면 이해가 쉽습니다. 인터넷 초기에 웹브라우저는 서버에 저장된 정적인 페이지, 혹은 서버에서 DB를 처리하여 동적으로 만든 웹페이지를 주로 전송받아서 표시하는 역할을 했습니다. 그 방법으로도 웹이 돌아가지만 그러면 클라이언트(PC나 스마트폰)는 놀고 있는 것이나 마찬가지 입니다. 페이지 하나를 바꾸려면 전체 페이지를 다시 로드해야 하고 서버의 응답시간은 늘..
코딩(CODING)/자바스크립트(JS) 2022. 6. 23. 18:25

패키지와 모듈, 패키지 만들기 - npm 튜토리얼 2

npm에 대해서 이해하려면 우선 public npm registry 가 뭔지 알아야 합니다. npm docs의 설명은 다음과 같습니다. The public npm registry is a database of JavaScript packages, each comprised of software and metadata. Open source developers and developers at companies use the npm registry to contribute packages to the entire community or members of their organizations, and download packages to use in their own projects. the public np..
코딩(CODING)/자바스크립트(JS) 2022. 6. 17. 14:54
◀ 1 2 3 4 ··· 76 ▶

티스토리툴바