듀의 자료저장소

코멘트(comment), 즉 주석을 사용하는 이유는 크게 3가지다. 다른 개발자들에게 해당 코드를 설명할 수 있고, 어디까지 작업해놨는지 표시할 수도 있다. 복잡한 코드 같은 경우, 다른 사람에게 보여주기 위함도 있지만 본인 자신에게 메모용으로 쓰는 경우도 있다. 프로그래밍에서 자료형은 크게 정수, 소수, 문자열, 불린 4가지가 있다. 정수(int)는 음의 정수, 양의정수, 그리고 0 을 말한다. 소수(float)는 2.0, 3.14와 같은 형태를 말한다. 문자열은 " " 안에 들어간 걸 의미하고, 불린은 참인지 거짓인지를 판별한다. 코딩은 기본적으로 추상화 개념을 적용한다. 복잡한 내용은 숨기고, 주요 기능을 보여준다는 얘기다. 원래 코딩 자체가 화면에 보이는 부분보다 훨씬 더 길고 자세하다. 디테일하..

IT 공부/데이터분석 2021. 8. 30. 21:59

최근에 html, java 언어때문에 vscode만 사용을 하고 있었다. 오랜만에 python을 다시 하려는데 주피터노트북이 데스크톱에는 안 깔려있다. 그래서 파이썬 웹에디터를 써서 간단하게 코딩해보기로 했다. (곧, 파이참이나 주피터노트북같은 IDE도 설치해서 써볼 예정!) 설치없이 web에서 바로 코드를 보고 확인해볼 수 있다. ▼ 우선 이 사이트에 들어가보자! https://jupyter.org/try Project Jupyter The Jupyter Notebook is a web-based interactive computing platform. The notebook combines live code, equations, narrative text, visualizations, interact..

IT 공부/데이터분석 2021. 8. 26. 19:42

과외수업에서 포트폴리오용으로, 홈페이지 만들기를 하고 있다. 제작과정을 정리할 예정인데 오늘은 html로 구조짜기부터 시작! 프론트엔드 개발자라면, 먼저 만들려는 홈페이지의 구조를 잘 알아야한다. 1. Span 태그 (inline) 인라인 태그인지 2. Div 태그 (block) 블록 태그인지 레이아웃을 보고, 둘 중 하나를 선택한다. ▶ 이게 바로, 시멘틱웹 (semantic web)! 만들려는 웹의 레이아웃을 보고, div를 쓸지/ span을 쓸지 정한다. 1. 태그 열어주기! 2. 한국어 오류 나지 않게 설정 3. css 파일 연동 rel: 어떤 "역할"인지를 정의 ( stylesheet 라고 이름 지정 ) href: 실질적으로, 파일을 갖고 오는 역할 link 태그의 rel속성 (역할), href..

IT 공부/프로젝트(project, 부트캠프 및 협업) 2021. 8. 26. 18:18

어도비 일러스트레이터의 기본 초기화면은 위와 같다. ① 메뉴: 가장 기본 메뉴. ② 컨트롤박스 (control) : 툴박스의 기능을 세부 조정이 가능하다. ③ 툴박스 (tool) ④ 작업공간 ⑤ 프로퍼티(property): 보다 세밀한 작업 가능. 여기서 가끔 툴박스나 컨트롤 창이 안뜨는 경우가 있다. 갑자기 화면 켜니까 이것밖에 안 나와서 당황했다. 어도비 일러스트레이터에서 툴박스나 컨트롤창이 안 뜰때 당황하지 않아도 된다. 해결방법은 간단하다. 메뉴의 윈도우(W) 창을 먼저 클릭! 한글판이면 제어(C)를 클릭해준다. 영문판이면 control에 체크표시되면, 바로 원하는 메뉴창이 뜬다. 어도비 일러스트레이터에서 3번의 왼쪽 툴박스(tool)가 안뜰때도 마찬가지! 한글판이면 도구모음을 클릭! 영문판이면 ..

IT 공부/디자인(Design) 2021. 7. 27. 17:07

총 6개의 텍스트태그를 정리해보았다. 1. 태그: 콘텐츠 영역 내에서 제목을 표시. ▶ 웹브라우저가 일반 글씨가 아니라, 제목으로 인식!! → 화면상 똑같이 보여도, 인식체계가 다르니 꼭 구분해서 태그를 사용해준다. 2. 태그 일반 텍스트 단락(paragraph) 3. 태그 문장 안에서 너무 길면, 줄을 바꿔준다. 엑셀에서 alt+enter 기능과 같음. 4. 태그 안으로 좀 더 들어가서 써짐. 웹브라우저에서 이쪽이 인용된 문장이라는 걸, 구분 가능해짐. 5. 태그 수평 줄을 긋기 위한 용도. html5에서는 여러개의 텍스트 단락을 사용했을 때, 주제가 바뀌는 부분에서 사용. (수평줄은 css로 제거 가능하다.) 6. 태그 html5에서 스페이스를 10칸 넘게 띄워도, 브라우저상에서는 하나만 보인다. p..

IT 공부/프론트엔드(Front-end) 2021. 7. 23. 18:47

문서의 유형(doctype)이 html이다. ▶ 현재 이 문서는 html 문서이다. 웹브라우저는 html5 문법에 따라 내용을 해석하고, 창에 띄워라! 라는 뜻. 웹브라우저 창에 나타나지 않는 내용. 대신 웹문서에 내재된 정보를 담는다. 인코딩 방법이나, 외부링크들을 가져와서 쓰는 용도. 실질적으로 화면에 드러나는 내용들 브라우저야 이제, html문법에 맞게 해석해줘! 시작과 끝을 알리는 태그. lang="ko" [지정해줘야 하는 이유] 1. 시각 장애인들을 위해 화면낭독기에서 웹문서를 읽어줄 때 기준점이 된다. (한글에 맞춰서 읽도록 자동설정) 2. 검색엔진에서도 한국어를 기준으로 검색해줌. (한국어 문서만 뜨도록 설정) title: 웹브라우저의 tab부분에 제목 표시 -meta태그는 화면 상에 드러나..

IT 공부/프론트엔드(Front-end) 2021. 7. 23. 13:09

[html에 Java 로드하기] -자바코드가 너무 기니까 script로 코드를 작성한다. -자바(java)는 끝에 무조건 세미콜론(;)을 붙인다. ▶마침표처럼 1. html요소 =input의 type/value/name onclick은 자바와 연동시켜주는 것. [자바로드하는 방법] 1. input에 바로 onclick이용해서 연동 onclick="functionAlert()" 2. addEventListener() → 리스너로 이벤트 등록해서 함수와 연동. 방법 2가지가 있음. 버튼 클릭시 1. "Hello world" alert창 표시 2. 1*2의 연산결과를 alert창 표시 ▶ addEventListener() 안쓰고, onclick으로 바로 처리한 것. onclick 대신 2번째 방법!! 1. v..

IT 공부/자바(Java) 2021. 7. 20. 13:37

[결과물] html에 JAVA입력하는 법 앞서 예제 1에서는 onclick만 사용해서 간단하게 처리했다. ▶ 이번에는 결과물은 같지만 본격적으로 java를 응용하는 예제 태그를 이용해서, JS코드 삽입하기. ▶ 내의 코드들은 js코드인 것으로 인식가능! 전체 코드는 이렇게 되어있다. 저번보다는 조금 복잡한 모습이다. 이제부터 하나씩 해석해볼 예정!! 그 전에 addEventListener개념을 생활코딩으로 들어봤다. // 과외 정리. [ addEventListener() ] 이벤트를 등록할때 제일 많이 쓴다. 장점이 여럿 있기 때문 출처: 생활코딩 강의 (아래 이미지에서부터 시작) 1. 이벤트를 button에 설치할 예정. 2. var t = document.getElementById('target');..

IT 공부/자바(Java) 2021. 7. 20. 11:27