분류 전체보기

[자바] 초간단 성적합산 프로그램

class Grade{ int enggrade; //영어성적변수 int mathgrade;//수학성적변수 void outputgrade() { System.out.println(enggrade+mathgrade); } } public class HelloWorld { public static void main(String[] args) { Grade gradeA=new Grade(); //2명의 성적을 표현할 객체 생성 Grade gradeB=new Grade(); gradeA.enggrade = 90;//점수입력 gradeA.mathgrade = 75; gradeB.enggrade =80; gradeB.mathgrade=60; gradeA.outputgrade(); gradeB.outputgrade()..

[자바 스크립트] 즉시실행함수... 그리고 클로저

https://youtu.be/qh6wq67KjTg main.js function Tell() { console.log("Tell"); } function Dance() { console.log("Dance"); } (function () { Tell(); Dance(); })(); 정상적인 출력

[기초 자바스크립트] 화살표 함수

https://youtu.be/KF6t61yuPCY ** 코딩악마님의 무료 유튜브 강의를 듣고 작성한 포스팅입니다** 타임라인 1:12:16 부터 함수선언문 : 호이스팅됨 : 어디서든 호출이 가능함 : 가능한 이유 : 자바스크립트는 실행 전 초기화 단계에서 선언된 모든 함수 모임을 찾아서 생성. 즉, 함수를 사용할 수 있는 범위가 전체가 되는 것임. function sayHelllo(){ console.log('Hello'); } 함수표현식 : 호이스팅 되지 않음 : 즉, 코드에 도달해야만 생성됨 let sayHelllo = function(){ console.log('Hello'); } : 함수표현식을 요리조리 요리하면 나옴 let add = function(num1, num2){ return num1..

[기초 자바스크립트] DOM(아직 작성중)

https://youtu.be/Y3_2BLb3hz8 * 해당 포스팅은 1분 코딩님의 유튜브 무료 강의를 참고하여 학습, 작성하였습니다* part1,2 내용 DOM과 Event까지 하면 동적인 페이지를 구성하는 것이 가능해진다! 웹 HTML 태그들을 짜다보면 트리구조가 형성이 되고, 이 트리구조를 이루는 요소 각각 하나하나가 전부 자바스크립트 객체이다. (태그 뿐만 아니라 텍스트도 마찬가지 취급... 심지어 클래스나 ID, 또는 하이퍼링크나 img src 같은 속성 그런 애들도.. DOM 객체에 속한다 결국 DOM 스크립트는 html element를 자바스크립트로 조작하는 것을 말한다.) DOM(Document Object Model) DOM이란, 문서에 있는 객체들을 바라보는 모델 DOM(Document..

CSS의 레이아웃 display

https://youtu.be/jWh3IbgMUPI *위 드림코딩 엘리님의 무료 유튜브 영상을 보고 학습한 기록을 남긴 포스팅입니다.*(엘리님께 언제나 무한 감사..) Block블록레벨(대표주자 div)과 Inline인라인레벨(대표주자 span)에 대해서 알아보자 div, span { width: 80px; height: 80px; margin: 20px; background-color: pink; } 위의 코드에서 span이 출력되지 않은 이유는 span은 안에 내용이 있어야 표기되기 때문이다! span은 기본적으로 Inline-Level이기 때문에 한 줄에 공간이 많으면 여러개가 나올 수 있다. 1초라도 안 보이면 2렇게 서운한데 3초는 어떻게 기다려~ 구분을 위하여 각각 다른 스타일을 입혀보자 di..

리눅스 디렉토리 구조

리눅스의 디렉토리 구조 : 네이버 블로그 (naver.com)

리눅스 명령어

02. 꼭 알아야 할 리눅스 기본 명령어 10가지 (tistory.com) 02. 꼭 알아야 할 리눅스 기본 명령어 10가지 꼭 알아야할 리눅스 기본 명령어 10가지 1. ls - 현재 위치의 파일목록을 조회하는 명령어 2. cd - 디렉토리를 이동하는 명령어 3. touch - 파일의 용량이 0인 파일을 생성, 날짜 변경하는 명령어 4. mkdir gomguard.tistory.com linux basic command 기본명령어 :: DB나라 (tistory.com) linux basic command 기본명령어 기본 명령어 리눅스(레드헷 계열)에서 자주 쓰는 명령어를 설명한다. 기본만 적어 본 것이고, 필요에 따라 검색해보며 익히면 된다. 참고로 특정 명령어의 도움말을 보고싶으면, ‘man 명령어’..

[기초 자바스크립트] alert, prompt, confitm

https://youtu.be/KF6t61yuPCY *본 포스팅은 코딩악마님의 유튜브 무료 강의를 듣고 작성하였습니다. 11:32 alert, prompt, confirm alert 알려줌 : 탈퇴되었습니다, 연락처가 삭제되었습니다. 등.... prompt 입력받음 : 값을 입력받을 때 사용, 예약일을 설정하세요. 입력창(유저가 적당히 예약일 작성) confitm 확인받음 ex) 결제하시겠습니까? 결제를 취소하시겠습니까? 구독을 취소하시겠습니까? 등 등 유저에게 한번 더 질문할 때 주로 많이 쓰게됨

CSS 기초 기본

참고 영상 : https://youtu.be/gGebK7lWnCk https://youtu.be/sZXr_4fmz5o 초록색은 패딩, 주황색은 마진 padding 가지고 놀기 .red { width: 100px; height: 100px; background: yellow; padding-top: 2px; border-width: 2px; border-style: solid; border-color: pink; } 위의 코드처럼 border의 속성을 나눠서 작성할 수도 있지만, 아래 코드처럼 border의 속성을 같이 작성할 수도 있다! .red { width: 100px; height: 100px; background: yellow; padding-top: 2px; border: 5px dashed r..

node.js 초간단 서버 만들기 (1) express 라이브러리 설치

node.js 설치. 예전에 설치했다면 몸풀기로 cmd에서 버전을 확인해보자 cmd(Window)창이나 terminal(Mac) 열어준다 C:\Users\User>node -v v16.13.2 node -v 설치된 node.js 버전 확인 node node 입력하면 노드 실행가능 *주의 : 아래부터 Mac일 경우 운영체제에 맞는 yarn 설치 후, npm install 대신 yarn add라고 작성해야 의도대로 잘 설치된다. 비쥬얼 스튜디오 코드 열어준다. 적당히 폴더 만들어서 열어준다. 새 터미널에서 아래와 같이 명령어를 작성 (터미널 오픈시에 폴더명이 잘 뜨는지 확인해주도록 하자!) 과정1. package.json 생성 npm init npm 이란 라이브러리 설치를 도와주는 도구이다. 어떤 라이브러리..