본문 바로가기

전체 글31

프론트엔드 - 1. HTML/CSS/JS 기본지식 프론트엔드: 사용자에게 보여지는 앞단 HTML: 기획자 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 눈, 코, 입 등 영역의 구조를 만듬 CSS: 디자이너 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당 얼굴, 눈, 입의 모양새를 만듬 JS: 개발자 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당 그 얼굴을 움직이게 하는 것 *자바스크립트 시작하면 그만두는 사람이 많음 사고 방식이 달라짐 데이터 중심의 사고 1.웹앱 동작 구조 사용자 컴퓨터 브라우저 오픈->주소창에 페이지 주소 입력->최초 요청->(서버)->최초응답->추가요청->(서버)->추가응답 -로컬 개발 환경: 웹사이트를 개발할 우리의 컴퓨.. 2022. 4. 7.
Codepen 자동완성 켜기 / 브라우저 기본 스타일 없애기 1. 자동완성 켜기 vscode에서 지원되는 자동완성 기능을 codepen에서도 사용할 수 있다. 예를 들어 div만 입력하고 tab을 누르면, 가 자동으로 완성되는 기능이다. 이 뿐만 아니라 div를 span으로 수정하면 끝맺음 태그도 자동으로 /span으로 수정된다. Settings 에서 Template 클릭-> Make template를 On으로 바꿔주면 이 기능을 간단하게 사용할 수 있다. 2. 브라우저 기본 스타일 없애기 CSS를 적용할 때 브라우저에 적용되어 있는 기본 스타일을 삭제할 수 있다. 기본 브라우저 스타일이 적용되어 있는 상태에서 ol태그를 이용할 시 각 항목 앞에 숫자가 따라붙는다. 이 스타일을 없애기 위해서는 CSS 설정에서 CSS Base를 Reset으로 바꿔주면 된다. 반대로.. 2022. 4. 5.
Anaconda, Jupyter Notebook, Colab 기초 사용법 1. Anaconda 아나콘다 아나콘다를 사용하는 이유: 쉽게 말하면, 프로그램 버전을 2개 설치할 수 있음(ex. 0.21, 0.23 두개) 데이터 사이언스를 공부하면서 설치하는 프로그램 버전이 서로 꼬일 수 있는데 이걸 방지함 ->과거에는 이 이유가 컸지만, 지금은 데이터사이언스에 필요한 모든 라이브러리가 다 깔리기 때문에 사용 콘다: 일종의 실험실 개념 1) 콘다(가상환경)를 세팅하는 법 conda create -n 콘다이름 python=3.8 anaconda python 뒤에는 주로 사용하는 파이썬 버전 넣기 (이 버전을 기준으로 라이브러리가 설치됨) 뒤에 anaconda를 붙이지 않으면 미니콘다가 설치됨 anaconda: 모든 라이브러리 설치 2) 콘다로 들어가기/나오기 들어가기: conda a.. 2022. 3. 24.
220320 '새벽배송' 당연한 일상인줄 알았는데..같은 대한민국 맞나요? 균형발전은 거시적인 관점에서 시작하는 것보다 미시적인 관점에서 거시적으로 확장할 때 더 좋은 해결책을 찾을 수 있다. "지방에서 사람들은 어떤 불편을 겪는가?"부터 시작해야 한다는 것이다. 각각의 개인에게 가장 중요한 것은 개인의 이득과 편의, 효율이다. 대학교가 포항에 있어 포항에서 7년을 살았지만 교직원이 되거나 대학원에 간 사람을 제외하고 포항에 그대로 남은 사람은 보지 못했다. 졸업 1~2년 이내에 서울 또는 광역시로 상경하는 루트가 대부분이다. 왜 젊은이들은 포항에서 더 오래 살 수 없을까? 가장 크게 느꼈던 것은 마땅한 일자리가 없다. 이곳에 있는 직장들은 새 시작을 하기에도, 이직을 하기에도 적합한 직장이 아니다. 물론 학과 특성상 나에게는 그럴 수밖에 없었고, 그나마 포스코나 공단이 있어서.. 2022. 3. 21.