프로그래밍 69

생활코딩-HTML 강의 정리

생활코딩 사랑해요 HTML 강의 주소 : https://www.opentutorials.org/course/2039/10930 기술소개 - 생활코딩 기술소개 2015-12-05 10:55:56 www.opentutorials.org 역시 생활코딩 짧고 간단하고 이해하기 쉽다. HTML 공부 처음할땐 생활코딩 추천~~ 설렁설렁 들어서 3월 6일 ~ 10일(5일) 동안 들었다. [HTML이란?] HTML(Hyper Text Markup Language) Hyper text란 문서와 문서가 링크로 연결되는 것을 의미한다. 문서와 문서가 링크로 연결되는 것은 a태그를 통해 이루어진다. 도널드 이런 태그가 있다면 도널드란 글자를 클릭하면 ~~~에 있는 링크로 이동한다. [태그의 중..

(2)HTML5와 웹표준(API, CSS 3.0) 마스터하기 _ 텍스트를 덩어리로 묶어주는 태그

태그 - 제목 표시 n에는 1부터 6까지가 들어가는데 숫자가 작을수록 큰 제목이다!! 태그 - 개행태그 한번 엔터를 친 효과를 준다. 태그 - 수평 줄 넣는 태그 태그 - 하이퍼링크를 넣는데 사용하는 태그 href 속성을 이용해 페이지를 지정한다. 위에 설명한 태그를 추가하여 html코드 실습을 해보았다. Antifragile 걸어봐 위엄 like lion NAVER 안티프레자일과 걸어봐~ 는 hn의 n사이즈가 다르므로 사이즈가 다른 것을 확인할 수 있다. hr태그를 이용해 수평 줄을 추가하였다. NAVER으로 이동할 수 있는 하이퍼링크를 넣는 a태크를 추가하였다. 밑의 이미지와 거리를 두기 위해서 개행문자를 추가하였다. 다운받은 이미지 크기가 커서 img태그의 style 속성을 이용해서 크기를 조절하였다.

(1)HTML5와 웹표준(API, CSS 3.0) 마스터하기 _ html 구조

회사에서 교육을 들으라고 멀티캠퍼스에서 html 강의를 수강신청했다. Do it! HTML5 + CSS3 웹표준의 정석 책까지 보내주길래 꽤 최신의 괜찮은 강의를 기대했는데^^ 2013~4년에 촬영한 강의인듯하다ㅎㅎ 프론트는 안그래도 빨리 기술이 변하는데 이렇게 예전 강의를 들으라고 하면.... 너무하다..... 그래도 책은 2020년 최신판이니 책을 기준으로 잡고 강의를 보조도구로 생각하고 진행할 생각이다. html의 구조는 이러하다. 의 구조이다. 는 웹 문서 시작을 알리는 태그 (사용할 언어를 지정) 시간이란... 이 코드를 vscode에 입력하고 우클릭 - open with live server를 하면 화면이 나타난다. title로 지정한 말이 위에 잘 뜨고, 이미지도 잘 뜬다.

HTML_from태그가 뭘까

회사부서배치 받고 나니 프론트였다... 내가 프론트 개발자?! 이제 html, css, javascript를 공부해볼 생각이다. 어차피 프론트 하게된 김에 열심히 파봐야지 간단하게 유튜브 유노코딩을 봤다. 참고 영상 https://www.youtube.com/playlist?list=PLFeNz2ojQZjtQc7mt8E9fNzIh9or34A61 입문자를 위한 HTML 기초 강의 www.youtube.com 어차피 언어에 대한 기본은 있으니 내가 새롭게 알게된것만 정리하겠다. html에서의 주석은 이다. 는 그냥 글자쓸 때 은 굵은 글자쓸 때 속성을 넣고 싶을 때는 시작태그 안에 띄어쓰기 한칸하고 넣으면 된다. strong 태그에 style 속성을 넣었다. hello~! 브라우저에 띄우면 이렇게 된다. f..

JDK, JRE, JVM, GC.... 이것들은 뭘까?

자바를 설치할 때 보면 2가지로 나뉘어져 있다. 1. JDK : Java Development Kit 2. JRE : Java Runtime Environment JRE는 자바를 실행할 수 있는 환경의 집합이다. JDK가 JRE를 포함하고 있다. JAVA로 개발을 하려면 JDK가 필요하고 JAVA프로그램을 실행시키 위해서는 JRE만 있으면 된다. JVM : Java Virtual Machine GC : Garbage Collector JVM은 자바 프로그램이 수행되는 프로세스를 말하여 메모리 관리를 한다. JVM 내에서 메모리 관리를 해주는 것이 GC (가비지 컬렉터)이다. JAVA는 ios든 window든 어디서든 실행할 수 있다. 이는 자바가 OS에 종속되어있지 않기 때문이다. 종속되지 않고 실행을 ..

인터페이스와 추상클래스

인터페이스 : 실제 코드는 만들지 않더라도 어떤 메서드들이 있어야 하는지를 정의하려고 할 때 사용한다. 인터페이스 내부에 선언된 메서드들은 Body가 있으면 안된다. 인터페이스를 구현하는 클래스를 만들때는 implements라는 예약어를 사용한다. "구현하다"라는 의미이다. 다중 상속은 불가능하지만 다중 구현은 가능하다. 구현할 경우 인터페이스에 정의된 모든 메서드들의 몸통을 만들어주어야만 한다. 클래스 public class MemberManager { } 인터페이스 public interface MemberManager{ } abstract 클래스 public abstract class MemberManager { } abstract 클래스 몸통이 없는 메소드 선언문에는 abstract라는 예약어를 ..

DTO(Data transfer Object)...이제 생성자를 곁들인(ft.this)

DTO 속성들을 갖는 클래스를 만들고 이를 쉽게 전달하기 위해 사용하는 자바 패턴 여러 개의 데이터를 하나의 타입에 넣어서 넘겨줄 수 있다!! DTO을 이용해서 상황에 맞게 생성자를 만들수있다. public class MemberDTO { public String name; public String phone; public String email; public String getName() { return name; } public MemberDTO(String name) { this.name= name; } public MemberDTO(String name, String phone){ this.name = name; this.phone = phone; } } 이렇게 MemberDTO 클래스를 만들고 ..

[자바의 신 9장] 접근 제어자_public, protected,private

public : 누구나 접근할 수 있도록 protected : 같은 패키지 또는 상속받은 경우 package-private : 아무런 접근 제어자를 적어주지 않았을 때, 같은 패키지 내에서만 접근 가능 private : 해당 클래스 내에서만 접근 가능 자바에서는 하나의 소스 파일에 여러 개의 클래스가 선언될 수 있다. 하지만 public으로 선언된 클래스와 그 소스파일의 이름은 꼭 동일해야만 한다.

[자바의신 8장]Pass by Value 와 Pass by Reference

참조 자료형 : 기본 자료형을 제외한 모든 타입 Pass by Value ; 값만 전달한다. 원래 값은 건드리지않고 변수들의 복제본들만 메서드에 넘겨준다. -> 매개변수를 받은 메서드에서 그 값을 지지고 볶든 원래 값은 변하지 않는다. Pass by Reference ; 객체에 대한 참조가 넘어간다. (메서드에서 변경한대로 변경된다. ) 메서드의 매개 변수로 참조 자료형을 넘길 경우에는 메소드 안에서 객체의 상태를 변경한 결과에 영향을 받는다. 모든 기본 자료형은 pass by value 참조 자료형은 pass by reference -> 참조 자료형 자체는 pass by value, 그 안에 것들은 pass by reference

[JAVA의 정석]HashMap

HashMap은 Map을 구현한 클래스이다. 즉, 키와 값을 묶어 하나의 데이터로 저장한다. 해싱을 사용하기에 많은 양의 데이터를 검색하는데 뛰어난 성능을 가진다. 키를 이용해서 저장된 값을 찾아야하므로 컬랙션 내에서 유일해야한다. 코드 : 이런 식으로 map 객체를 만들어 키와 값을 넣어줄수있다. HashMap map = new HashMap(); map.put("myId","1234"); HashMap map2 = new HashMap(); // 메서드 : put(); get(key); // 지정된 key의 값을 반환 특징 : HashMap은 키와 값을 각각 Object로 저장하기 때문에 어떠한 객체도 저장할 수 있다. HashMap은 저장공간보다 값이 추가로 들어오면 저장공간을 약 2배로 늘린다. ..