무정하지 않게 살기

이번에는 태그 요소들에 대해서 조금 더 알아보고 이미지를 표시하는 것까지 해볼게요. 요소 유형 태그들 중 블록 요소를 형성하는 태그가 있고, 인라인 요소를 형성하는 태그가 있습니다. ● 블록 레벨 요소 블록 레벨 요소는 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성합니다. 필요하지 않은 너비까지 모두 차지하고 있을 때에는 블록 레벨 요소라고 봅니다. 개발자 도구에서 단락을 만들었을 때 주변을 감싸는 주황색 여백이 있었던 것처럼, 어떤 블록을 새롭게 형성하게 하는 같은 경우에는 블록 레벨 요소라고 볼 수 있습니다. 블록 안에 블록을 넣을 수도 있습니다. 일반적으로 블록 안에 블록을 넣지는 않지만 마치 표 속에 표를 그리는 것과 같은 것이라고 보시면 돼요. 빈정대며 네가 말했지. 나는 끝까지 말하지 ..

이제 HTML 로 텍스트를 입력하는 것을 직접 해볼게요. 문단 (paragraph) 하나의 단락은 다른 콘텐츠와 구분이 됩니다. p 태그는 문단 요소를 나타내는 태그로써, 가장 많이 사용되는 텍스트 태그입니다. 하나의 p 태그는 하나의 문단을 표현한다. 문단과 문단 사이에는 공백이 있습니다. 즉 글의 내용을 감싸는 여백을 추가합니다. 문단을 작성하는 예제를 작성해볼게요. 우리는 사랑에 관한 비유로 낱말 놀이를 하기로 했어. 너는 치즈, 소금, 얼음이라고 말했어. 나는 입이 없는 것처럼 조용히 웃었어. 왜 사라진 것들 뿐이니. 구름, 바다, 비라고 내가 대답했어. 그렇다면 도처에 사랑이 있겠네. 주황색 하이라이트는 여백을 뜻합니다. 이번에는 단락 두 개를 붙여볼게요. 우리는 사랑에 관한 비유로 낱말 놀이를..

Tag 태그 HTML의 문법은 딱 한 가지예요. 태그(tag)만 기억하면 됩니다. 태그란 HTML 코드에서 정보(콘텐츠)를 정의하는 형식을 말합니다. 태그는 다이아몬드 기호와 / 기호를 사용해 콘텐츠의 시작과 끝을 표시합니다. 태그는 콘텐츠를 감싸고 있고, 그 안에는 태그명이 기입되어 있습니다. 태그명은 콘텐츠의 성격과 의미를 나타내므로 무척 중요합니다. 태그는 다음과 같은 형태로 사용합니다. 여기에 콘텐츠를 기입합니다 (여는 태그) (닫는 태그) 주석 HTML 주석의 예) 단일 태그 앞서 보았듯 태그는 과 기호를 사용해 콘텐츠의 시작과 끝을 표시합니다. 하지만 경우에 따라 시작과 끝을 구분할 필요가 없는 태그도 존재합니다. 이를 단일 태그라 하며, 단일 태그의 형식은 다음과..

오늘부터 웹 개발 HTML 입문 공부를 시작합니다! 먼저 개요와 입문의 기초부터 시작합니다. html에 대해서 전혀 모르는 쌩초보, 비전공자 입문을 기준으로 수업을 정리합니다. ^^ 이점 참고 부탁드립니다! 프론트엔드와 백엔드 ● 프론트엔드Frontend : 사용자들에게 시각적으로 보여주는 부분 -> HTML, CSS, 자바스크립트가 필수! ● 백엔드Backend : 프론트엔드에서 보여주는 정보들은 서버가 보유하고 있는 정보들. 사용자들이 이용할 수 있는 정보를 관리하는 부분. -> 자바, 파이썬, Golang(구글에서 만든 프로그래밍 언어) 등 선택 가능 HTML 이란 HTML 의 의미 ~ 하이퍼 텍스트와 콘텐츠를 표시해주는 언어! ~ HTML은 HyperText Markup Language를 의미합니..

이클립스로 처음 코드를 작성할 때 간혹 어떤 오류인지 알 수 없을 때가 있습니다. 저는 처음 코딩을 할 때 가장 난감했던 오류가 Type mismatch: cannot convert from FileReader to Reader 오류였는데요. 마우스 커서를 가져다 대면 아래와 같이 오류가 발생합니다. 아래의 콘솔 화면을 확인해보면 예외처리에 대한 상세 설명이 있는데요. Exception in thread "main" java.lang.Error: Unresolved compilation problems: The constructor FileReader(String) is undefined Type mismatch: cannot convert from ... 즉, 인자의 타입이 올바르지 않다는데, 아무리봐..

2022.10.24. ~ 2022.11.08. 자바 기초 공부 ~ 간단한 리뷰! 각 상세한 설명이 필요할 때에는 블로그 검색기능이나 기초공부 카테고리에서 찾기! ~ ● 객체 지향 : 프로그램 안에서의 동작이 객체간의 상호작용을 통해 이루어진다. ● 클래스 : 데이터(프로그램 상에서 유지하고 관리할 데이터) 와 기능(프로그램 상에서 처리할 기능) - 인스턴스 변수 : 클래스 내에 선언된 변수 - 인스턴스 메소드 : 클래스 내에 정의된 메소드 ● 참조 변수로 어떤 대상을 참조한단 것은 참조된 주소로 접근할 수 있는 통로를 만드는 것 ● 참조 변수의 특성 : BankAccount yoon = new BankAccount(); 일 때 yoon은 new BankAccount();가 가지고 있는 주소 값을 가지게 ..

쓰레드Thread란 프로세스의 작업 단위입니다. 프로그램 내에서 실행을 흐르는 이루는 최소 단위이며 main 메소드의 실행도 하나의 쓰레드에 의해 진행이 됩니다. (프로세스가 여러가지 행동들을 실행해야 할 때 쓰레드에 할당을 하여 실행이 됩니다. ) 쓰레드의 존재는 자바 프로그램 안에서도 존재합니다. class CurrentThreadName { public static void main(String[] args) { Thread ct = Thread.currentThread(); // 참조할 수 있는 현재 쓰레드 선언 String name = ct.getName(); // 쓰레드의 이름을 반환 System.out.println(name); } } 쓰레드를 생성할 때 메인 쓰레드는 만들지 않아도 생성되어..

전에 공부하였듯 스트림이란 데이터가 이동하는 통로입니다. https://blue-dot.tistory.com/102 자바 기초 공부 일지 50. 스트림Stream, 필터링과 맵핑 ● 스트림Stream 스트림은 데이터가 흘러가는 줄기예요. 데이터가 흘러 들어가서 결과를 출력하기까지의 과정이 담긴 줄기입니다. 마치 파이프를 연결해놓고, 그 사이에 필터를 넣을 수 있는 것 blue-dot.tistory.com 그럼 스트림과 I/O (스트림은 어떤 차이가 있는지 알아볼게요. 스트림은 일방향의 특징을 가지는 데이터의 흐름이기 때문에 input 과 output 을 위한 코드가 따로 존재합니다. ○ 스트림은 주로 어떤 데이터를 흘려 보내서 중간 연산 과정을 사용하여 원하는 형태로 걸러내고 연산할 것인가에 대한 것에 ..

InputStream in = new FileInputStream("date.dat"); // 입력 스트림 생성 int data = in.read(); // 데이터 읽어 들임 OutputStream out = new FileOutputStream("date.dat"); // 출력 스트림 생성 out.write(7); // 데이터 7을 파일에 전달 버퍼 : 스트링 중간에 존재해서 데이터를 한꺼번에 데려오는 수레같은 역할을 함. 이동횟수가 줄기 때문에 속도 개선 효과를 가져다줌 파일 대상 입출력 스트림을 생성한 이후에는 반드시 닫아주어야 한다. package day21; import java.io.*; /* * 파일 입출력 시 존재하지 않는 파일에 출력을 하기 위한 스트림을 형성하면, * 파일이 새롭게 만들..

리덕션(Reduction) 데이터를 축소하는 연산 입니다. T reduce(T identity, BinaryOperator accumulator) // Stream에 존재합니다. // BinaryOperator T apply(T t1, T t2) 리덕션은 두 개의 인수를 받은 후에 그에 따른 결과를 반환합니다. 그 연산식은 마치 토너먼트처럼 보이는데요. 앞의 값과 비교를 한 후에 축소 진행 중인 상태의 하나의 요소 결과값을 반환합니다. public static void main(String[] args) { List ls = Arrays.asList("Box", "Simple", "Complex", "Robot"); BinaryOperator lc = (s1, s2) -> { if(s1.length() ..