본문 바로가기
반응형

전체 글

 (853)
[2024-2 웹기초 스터디] 김재승 #3주차 JavaScript에 대한 기초적인 내용을 정리해보자.1. JavaScript 변수JavaScript에서 변수를 선언할 때는 var, let, const 키워드를 사용한다.var: 전역 또는 함수 스코프를 가지며, 중복 선언이 가능하다.let: 중복 선언은 할 수 없지만 재할당이 가능하며 블록 스코프를 따른다.const: 변하지 않는 변수를 선언할 때 사용하며 한 번 값을 할당하면 재할당이 불가능하다.var x = 10;let y = 20;const z = 30;console.log(x, y, z); // 10 20 302. 데이터 타입JavaScript의 데이터 타입에는 기본형(primitive)과 참조형(reference)이 있다.기본형: Number, String, Boolean, Null, Und..
[2024-2 웹기초 스터디] 김지수 #3주차 변수와 상수변수 상수변수 이름 규칙변수나 상수 이름의 첫 번째 글자는 영어, $, _ 만 가능(숫자로 시작하는 변수명은 허용되지 않음)첫 글자 이외에는 숫자도 사용 가능영어 소문자와 대문자는 구별됨let, const와 같은 자바스크립트 예약어는 사용 불가이름에 공백은 허용되지 않음원시 데이터 타입객체가 아니면서 메서드도 가지지 않는 데이터string, number, bight, boolean, undefined, null, symbol 숫자 (number) 문자열 (String) Boolean 참조 데이터  배열 (Array) 객체 (Object) 연산자산술 연산자console.log(10 / 5);console.log(10 % 5); 증감 연산자let number = 10;number++;console..
[2024-2 Java 스터디] 김지수 #5주차 콘솔 입출력콘솔이란? 콘솔(console) 은 환경에 따라 변경될 수 있다. 인텔리제이에서 실행했다면 인텔리제이의 콘솔 창이 콘솔이 될 것이고 윈도우 명령 창에서 프로그램을 실행했다면 명령 창이 콘솔이 된다. 즉, 콘솔은 사용자의 입력을 받거나 사용자에게 문자열을 출력해 주는 역할을 하는 것을 통칭하는 말이다.인텔리제이 콘솔 창 콘솔 입력생년월일을 입력하라는 질문2002/01/01 자바에서 사용자가 입력한 문자열을 얻기 위해서는 다음과 같이 System.in을 사용한다.import java.io.IOException;import java.io.InputStream;public class Sample { public static void main(String[] args) throws IOExcept..
[2024-2 Java 스터디] 김태일 #5주차 "자바의 입출력" 06. 자바의 입출력06-1 콘솔 입출력- 콘솔 출력 : 사용자에게 문자열을 보여 주는 것- 콘솔 입력 : 출력된 질문에 사용자가 답변을 입력하는 것 1. 콘솔 입력- System.in 을 사용import java.io.IOException;import java.io.InputStream; //InputStream 임포트public class Sample { public static void main(String[] args) throws IOException { InputStream in = System.in; int a; a = in.read(); //read 메서드를 통해 int 자료형으로 저장 System.out.prin..
[2024-2 Java 스터디] 강보경 #5주차 콘솔 입출력콘솔 입력: 출력된 질문에 사용자가 답변을 입력하는 것System.in 을 사용한다!import java.io.IOException;import java.io.InputStream;public class Sample { public static void main(String[] args) throws IOException { InputStream in = System.in; int a; a = in.read(); System.out.println(a); }} - InputStream 자바의 내장 클래스으로 import해서 사용InputStream의 read 메서드는 1byte만 읽는다(int 자료형으로 저장, 아스키코드값). 그래서 ..
[2024-2 Java 스터디] 김지나 #5주차 "6장" 06장. 자바의 입출력 06-01. 콘솔 입출력- 콘솔 출력: 자바 프로그램 실행 후 출력, 사용자에게 문자열을 보여 주는 것- 콘솔 입력: 출력된 질문에 사용자가 답변을 입력하는 것- 콘솔: 사용자의 입력을 받거나 사용자에게 문자열을 출력해 주는 역할 통칭  ✅ 콘솔 입력- System.in 사용import java.io.IOException;import java.io.InputStream;public class Sample { public static void main(String[] args) throws IOException { InputStream in = System.in; // InputStream의 객체 System.in int a; a = in...
[2024-2 React.js 스터디] 이서영 #4주차 실습투두리스트 만들기 1. 컴포넌트 만들기컴포넌트의 UI를 미리 만들어봅시다아 프로젝트 생성$ npx create-react-app mashup-todolist react-icons , styled-components 설치$ cd mashup-todolist$ yarn add react-icons styled-components 만들어야 할 컴포넌트TodoTemplate → 투두리스트의 레이아웃 설정, 페이지 중앙의 흰색박스 (그림자를 곁들인..)TodoHead → 날짜 요일 해야 할 일 개수TodoList → 할 일 정보TodoItem → 정보 렌더링, 완료 여부, 항목 삭제TodoCreate → 할 일 등록회색 배경색상 적용 (#e9ecef)페이지의 배경 색상 설정→ body태그에 CSS 적용inde..
[2024-2 SpringBoot 스터디] 조상혁 #3주차 이 글은 스프링 핵심 원리 - 기본편을 기반으로 작성되었습니다. 이번 강의의 목적스프링 기본 기능 학습스프링 본질의 이해객체 지향 설계를 고민하는 개발자로 성장위 목적을 되새기면서 강의를 들을 수 있도록 해야겠다. 객체 지향 설계와 스프링 작은 이야기..스프링이 없던 시절 자바 개발은 EBJ 라는 툴이 가장 많이 사용 되었다.다만 단점이 좀 있었는데 사용하기 어렵고 의존적이며 또한 비싸다는 것이다.이 단점이 별거 아닌것 같지만 당시 개발자들은 EBJ를 버리고 순수 자바 개발로 돌아가자고 할 정도로 여론이 좋지 않았다. 이 자바의 추운 겨울에 한줄기 빛 스프링과 하이버네이트가 오픈소스로 등장하고스프링은 지금의 사실상 표준기술이 되었다.또한 하이버네이트는 JPA 를 이루는 근간으로 새롭게 재탄생 하였다.이렇..
[2024-2 Java 스터디] 김민서 #5주차 콘솔 입출력 콘솔 : 사용자의 입력을 받거나 사용자에게 문자열을 출력해 주는 역할을 하는 것을 통칭하는 말 콘솔 출력 : 사용자에게 문자열을 보여 주는 것 (System.out을 사용)* PrintStream : 콘솔에 값을 출력할 때 사용되는 클래스* System.err : System.out과 동일한 역할, 오류 메시지를 출력할 때 사용 콘솔 입력 : 출력된 질문에 사용자가 답변을 입력하는 것 (System.in을 사용)* InputStream : 자바의 내장 클래스 (필요할 때마다 임포트해서 사용하기), read 메서드는 1byte 크기의 사용자의 입력을 받아들이며 int자료형으로 저장된다.* 입력 스트림 : 사용자가 전달한 1byte의 데이터 또는 3byte의 데이터 * InputStreamRea..
[2024-2 React.js 스터디 ] 김지수 #4주차 컴포넌트 만들기우선 create-react-app 을 사용하여 새로운 프로젝트를 만들어주세요.$ npx create-react-app mashup-todolist 해당 디렉터리에 들어가서 이번 프로젝트에서 필요한 라이브러리 react-icons 와 styled-components 를 설치하세요.$ cd mashup-todolist$ yarn add react-icons styled-components 만들어야 할 컴포넌트 확인하기TodoTemplate이 컴포넌트는 우리가 만들 투두리스트의 레이아웃을 설정하는 컴포넌트입니다. 페이지의 중앙에 그림자가 적용된 흰색 박스를 보여줍니다.TodoHead이 컴포넌트는 오늘의 날짜와 요일을 보여주고, 앞으로 해야 할 일이 몇개 남았는지 보여줍니다.TodoList이 컴..
[2024-2 Java 스터디] 김재승 #5주차 목차콘솔 입출력파일 입출력자바에서 콘솔과 파일을 통해 데이터를 입력하고 출력하는 방법을 알아보자. 콘솔 입출력은 사용자의 입력을 받고 프로그램의 출력을 보여줄 때, 파일 입출력은 데이터를 파일로 저장하거나 불러올 때 유용하게 사용된다. 1. 콘솔 입출력자바의 콘솔 입출력은 Scanner와 System 클래스를 활용하여 데이터를 읽고 출력할 수 있다.콘솔 입력 예제 (Scanner)Scanner 클래스를 사용하면 간편하게 콘솔 입력을 받을 수 있다import java.util.Scanner;public class ConsoleInputExample { public static void main(String[] args) { Scanner scanner = new Scanner(System..
[2024-2 Node.js 스터디] 류상우 #4주차 7장 MySQL예전에 노드로 랭킹 서버를 만들었는데 서버를 재실행할 때마다 랭킹이 초기화됐었다. 그래서 데이터베이스를 구축하고 싶었는데 어떻게 하는지 몰라서 그냥 재실행 할 때마다 깃허브에 있는 JSON 파일을 갱신해줬던 기억이 있다. 2년이나 지났으니 이제는 할 수 있기를 바란다.  7-1. 데이터베이스란?데이터베이스: 관련성을 가지며 중복이 없는 데이터들의 집합DMBS( DataBase Management System ): 데이터베이스를 관리하는 시스템RDMBS (Relational DMBS): 관계형 DMBS. Oracle, MySQL, MSSQL 등이 있음 7-2. MySQL 설치, 7-3. 워크벤치 설치하기Server File Permissions 부분은 교재에 없길래 그냥 첫 번째 옵션을 선택..
[2024-2 Node.js 스터디] 김민재 #4주차 데이터베이스란?데이터베이스관련성을 가지며 중복이 없는 데이터들의 집합데이터베이스를 관리하느 시스템 DBMSDBMS 중 관계형 DBMS인 MySQL을 사용데이터베이스 및 테이블 생성데이터베이스 생성CREATE SCHEMA [데이터베이스명]데이터베이스를 생성하는 명령어이다스키마는 데이터베이스와 같은 개념이라고 보면 된다데이터 베이스 생성CREATE SCHEMA `nodejs` DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_general_ci;'nodejs'라는 이름의 데이터베이스를 생성하고use nodejs;를 이용해 nodejs 데이터베이스를 사용하겠다고 알린다- CREATE SCHEMA 같은 구문은 예악어로 MySQL이 기본적으로 알고 있음, 대문자로 쓰..
[2024-2 Java 스터디] 김재승 #4주차 목차 Default Constructor Constructor Overloading Interface Polymorphism Abstract Class디폴트 생성자, 생성자 오버로딩, 인터페이스, 다형성, 그리고 추상 클래스에 대한 내용을 알아보자.1. 디폴트 생성자 (Default Constructor)자바에서 생성자가 없을 때 컴파일러가 자동으로 제공하는 생성자를 바로 디폴트 생성자라고 부른다.디폴트 생성자는 매개 변수가 없으며, 객체 생성 시 초기값을 설정하지 않아도 사용할 수 있다는 특징이 있다.public class Car { // 필드 private String model; private int year; // 디폴트 생성자 public Car() { ..
[2024 - 2 웹기초 스터디] 김재승 #2주차 웹 개발의 중요한 요소인 CSS에 대해 알아보겠습니다.CSS는 웹 페이지의 디자인과 레이아웃을 담당하는 역할을 하며,html로 만든 사이트를 더욱 이쁘게 보이도록 하는데 도움을 줍니다.1. CSS란 무엇인가?CSS(Cascading Style Sheets)는 웹 페이지의 스타일과 레이아웃을 정의하는 언어입니다. HTML이 구조를 담당한다면, CSS는 그 구조를 시각적으로 꾸며주는 역할을 합니다. CSS를 사용하면 글꼴, 색상, 간격, 정렬 등 다양한 시각적 요소를 쉽게 조정할 수 있습니다.CSS의 기본 구조CSS는 선택자와 선언 블록으로 이루어집니다.선택자 { 속성: 값;} 예를 들어, 아래의 코드는 모든 태그의 색상을 파란색으로 설정하는 방법입니다.ex)h1 { color: blue;}2. CSS..
[2024-2 웹기초 스터디] 이민형 #2주차 Css 누구니? CSS(Cascading Style Sheets)는 웹 페이지의 스타일을 정의하는 언어로HTML로 작성된 구조에 색상, 레이아웃, 폰트, 간격 등의 시각적 요소를 추가하는 데 사용된다.CSS를 사용하면 웹 페이지의 디자인과 레이아웃을 효율적으로 관리할 수 있다. 주요 기능HTML 요소에 스타일을 적용 (색상, 크기, 폰트 등)웹 페이지의 레이아웃 조정 (위치, 정렬, 크기, 간격 등)반응형 디자인 구현 (화면 크기에 맞춰 스타일 변경) CSS 기본 문법은 선택자(selector), 속성(property), 값(value)으로 구성된다.CSS는 HTML 요소에 스타일을 적용하기 위한 규칙을 정의한다. 기본 구조선택자 { 속성: 값;}  선택자: HTML 요소를 지정예: p, h1, ...
[2024-2 웹기초 스터디 #2주차] 김민재 - CSS CSS란? CSS: Cascading Style SheetsCascading : 계단식Style : 멋을 내다Sheets : (종이) 한 장⇒ 계단식으로 스타일을 정의하는 문서HTML + CSS ⇒ 문서 열기 ⇒ 코드 해석 ⇒ 웹 페이지HTML이 없는 CSS는 사실상 의미가 없다문법 학습 및 속성의 종류기본 문법 및 사용 방법**CSS 기본 문법**선택자{ 속성명: 속성값;}선택자: 어떤 요소에 스타일을 적용할지에 대한 정보{중괄호}: 선택한 요소에 적용할 스타일을 정의하는 영역속성명: 어떤 스타일을 정의하고 싶은지에 대한 정보(색상, 크기 등)속상값 : 어떻게 정의하고 싶은가에 대한 정보HTML에 CSS를 더하려면인라인 스타일: 태그에 직접 기술하기스타일 태그: 스타일시트를 위한 태그를 추가하여 작성하..
Java[2024-2 Java 스터디] 이민형 #4주차 (5-5장) 자바를 "자바라" (Java "java")     자바. 상속을 받다. 상속이 무슨 뜻인지 아는가?상속은 뒤를 잇다 혹은 너거들이 아는 그 부모와 자식간의 상속도 있다. 자 자바에도 부모와 자식이 존재한다.다음 코드를 보자.class Animal { String name; void setName(String name) { this.name = name; }}class Dog extends Animal { // Animal 클래스를 상속한다.}public class Sample { public static void main(String[] args) { Dog dog = new Dog(); dog.setName("poppy"); Sy..
[2024-2 Java 스터디] 김지수 #4주차 상속class Animal { String name; void setName(String name) { this.name = name; }}class Dog extends Animal { // Animal 클래스를 상속한다.}public class Sample { public static void main(String[] args) { Dog dog = new Dog(); dog.setName("poppy"); System.out.println(dog.name); }}poppy클래스 상속을 위해서는 extends라는 키워드를 사용한다. 이제 Dog 클래스는 Animal 클래스를 상속하게 되었다. Dog 클래스에 객체 변수인 n..
[2024-2 Java 스터디] 이서영 #3주차 5-1. 객체는 왜 필요할까 계산기를 자바로 구현할 수 있음근데 여러 개를 구현하려면? 각각의 계산기는 값이 유지되어야함객체를 모른다면 계산기 여러 대의 클래스를 각각 만듬class Calculator1 { static int result = 0; static int add(int num) { result += num; return result; }}class Calculator2 { static int result = 0; static int add(int num) { result += num; return result; }}public class Sample { public static void main(Strin..
[2024-2 Java 스터디] 이가인 #4주차 목차상속자식 클래스의 기능 확장IS - A 관계 (상속 관계)메서드 오버라이딩 (메서드 덮어쓰기)메서드 오버로딩다중상속생성자정의, 생성자 규칙디폴트 생성자생성자 오버로딩인터페이스필요한 이유디폴트 메서드다형성추상클래스정의, 특징 상속자식 클래스의 기능확장보통 자식 클래스는 부모 클래스의 기능에 더하여 좀 더 많은 기능을 갖도록 작성할 수 있다.class Animal { String name; void setName(String name) { this.name = name; }}class Dog extends Animal { void sleep() { System.out.println(this.name+" zzz"); }}public class Sample..
[2024-2 SpringBoot 스터디] 탁태현 #2주차 DI의 3가지 방법 강의에서는 DI를 하는 방법이 필드 주입, 생성자 주입, setter주입 이렇게 3가지가 존재 한다고 한다. 이것들에 대해서 자세히 알아보았다. 필드 주입필드 주입은 spring에서 제공하는 @Autowried 라는 어노테이션을 이용한다. @Serviceclass ThemeService { @Autowired private ThemeRepo themeRepo; public void 유저아이디로_주제_전체_가져오기() throws Exception { ... }}interface ThemeRepo{...{@Repositoryclass ThemeRepoImpl implements ThemeRepo {...}다음과 같이 의존성을 주입을 하고자 하는 객체 앞에 ..
[2024-2 SpringBoot 스터디] 윤성욱 #2주차 JDBC vs SQL Mapper vs ORM세 기술 모두 데이터 접근 기술 자바에서 관계형 DB를 접근하기 위해서는 데이터베이스와 자바 간의 인터페이스를 담당하는 데이터 접근 기술이 필요= 데이터를 데이터베이스에 저장하고 불어오기 위해 중개 역할을 하는 기술이 필요하다 ( 순수 JDBC (Java에서 사용) )1) Spring JDBC (Ex. JdbcTemplate)2) SQL Mapper3) ORM : 메모리 상의 데이터를 파일 시스템, 관계형DB 혹은 객체DB 등을 활용하여 영구적으로 저장하여 영속성을 부여한다( 일반적으로 애플리케이션의 데이터는 메모리(RAM)에 임시로 저장되는데, 메모리에 저장된 데이터는 프로그램이 종료되거나 시스템이 꺼지면 사라진다 )Persistence (영속성)데이터를 생..
[2024-2 Java 스터디] 정채은 #4주차 [5-5] 상속상속 : 부모 기능 ---> 자식 클래스  extends : 클래스 상속 위해 꼭 필요함 !!! class Animal { String name; void setName(String name) { this.name = name; }}class Dog extends Animal { void sleep() { System.out.println(this.name+" zzz"); }}public class Sample { public static void main(String[] args) { Dog dog = new Dog(); dog.setName("poppy"); System.out.println(..
[2024-2 Java 스터디] 강보경 #4주차 상속상속이란 자식 클래스가 부모 클래스의 기능을 그대로 물려받는 기능으로 extends 키워드를 사용한다class Animal { String name; void setName(String name) { this.name = name; }}class Duck extends Animal { // Animal 클래스를 상속한다.}public class Sample { public static void main(String[] args) { Duck duck = new Duck(); dog.setName("duckling"); System.out.println(duck.name); // duckling }} Duck 클래스에 객체..
반응형

티스토리툴바