본문 바로가기

반응형

전체 글

(555)
[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 클래스에 객체..
[2024-2 Spring Boot 스터디] 김문기 #2주 생성자 주입(DI)우리가 이전 시간에 만들었던 Controller, Service, Repository 객체들을 스프링에서 사용하기 위해서는 스프링 빈에 등록해 주어야 한다.우선 각 코드들이 정확히 무슨 기능을 하는 지 설명하자면Controller : 화면(View)과 비즈니스 로직(Model)를 연결시키는 다리 역할을 한다. 쉽게 말해서 주소 매핑을 해주는 기능을 한다고 생각하면 된다.Service: Controller에서 요청을 받아 비즈니스 로직을 수행하여 실행하거나 값을 리턴하는 역할을 수행 한다.# Controller가 주문을 받으면 Service가 음료를 제작하는 느낌이다.Repository: 이 객체는 이름 그대로S DB에 접근이 가능 한 객체라고 생각하면 편하다.우리가 만든 이 객체들을 스..
[2024-2 React.js 스터디] 이서영 #3주차 리액트 컴포넌트 스타일링 css파일 생성 → 컴포넌트에서 import (가장 기본적인 방법) 스타일링시 자주 사용되는 기술들SassCSS Modulestyled-components 1. Sass→ CSS pre-processor→ 복잡한 작업을 쉽게→ 코드의 재활용성, 가독성 높여줌 (유지보수 easy) 리액트 프로젝트 생성 후 node-sass 설치$ yarn add node-sass // Sass를 CSS로 변환해주는 역할 1-1. Button 컴포넌트 만들기src 디렉터리에 components 디렉터리 생성→ components 디렉터리 안에 Button.js, Button.scss 생성 기존 css에서 사용 못하는 문법들을 사용ex. 스타일파일에서 사용할 수 있는 변수 선언 / lighten(),..
[2024 Spring Boot 스터디] 김아리 #2 주차 스프링 빈과 의존관계컨포넌트 스캔과 자동 의존관계 설정스프링은 스프링 컨테이너에서 객체를 생성하여 스프링 빈으로 등록한 후 관리한다.MemberController에서 MemberService을 가져와서 사용할 때 매번 new 하면 그때마다 새로운 객체가 생성된다.new 하지 않고 스프링 컨테이너에 객체를 생성한 다음 그 객체를 가져다가 쓰자컨트롤러 뿐만 아니라 서비스, 리포지토리까지 @Service, @Repository로 스프링 컨테이너에 자동 등록해야 가져다 쓸 수 있다.그 다음 @Autowired +  생성자 주입하여 컨테이너에 있는 객체를 연결한다. 컨포넌트 스캔 원리@Component : 이 어노테이션이 있으면 스프링 빈으로 자동 등록한다.다음 어노테이션도 @Component를 포함하여 스프링 ..
[2024-2 SpringBoot 스터디] 조상혁 #2주차 이 블로그는 스프링입문 - 코드로 배우는 스프링 부트를 기반으로 쓰여졌습니다. 스프링 빈과 의존관계 스프링 빈(Bean)스프링 컨테이너가 관리하는 자바 객체를 뜻하며, 하나 이상의 빈(Bean)을 관리한다.의존성을 만들기 위하여 사용한다고 한다. 객체가 의존관계를 등록할 때 스프링 컨테이너에서 해당하는 빈을 찾고, 그 빈과 의존성을 만든다. 스프링 빈의 등록방법은 2가지 정도가 있다. 컴포넌트 스캔과 자동 의존관계 설정 자바 코드로 직접 스프링 빈 등록하기++ 빈(Bean)은 스프링 컨테이너에 의해 관리되는 재사용 가능한 소프트웨어 컴포넌트이다.  🟢 [Spring] 스프링 빈(Bean) 이란?📌 스프링 빈(Bean) 이란? 빈(Bean)은 스프링 컨테이너에 의해 관리되는 재사용 가능한 소프트웨어 컴..
[2024-2 React.js 스터디] 윤아영 #3주차 1. SassSass는 CSS pre-processor로서 복잡한 작업을 쉽게 해주고, 코드의 재활용성과 가독성을 높여주어 유지보수를 쉽게 해준다.Sass에서는 .scss, .sass 두가지 확장자를 지원한다. 보통 .scss 문법이 더 많이 사용되고, 이 글에서는 .scss를 사용할 것이다. 1) 시작프로젝트 디렉터리에 다음 명령어를 사용하여 node-sass 라이브러리(Sass를 CSS로 변환해주는 라이브러리)를 설치한다.$ cd styling-with-sass$ yarn add node-sass// 또는$ npm install node-sass 2) Button 컴포넌트 만들기Button 컴포넌트를 만들고, Sass를 사용하여 스타일링해보자.// components/Button.jsimport Re..
[2024-2 React.js 스터디 ] 김지수 #3주차 보호되어 있는 글입니다.
[2024-2 Java 스터디] 김태일 #4주차 05-5 상속- 상속 : 자식 클래스가 부모 클래스의 기능을 그대로 물려받는 것- extends 키워드를 사용하여 상속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); }}  1. 자식 클래스의 기능 확장하기- Dog ..
[2024-2 웹기초 스터디] 김지수 #2주차 css란?css는 Cascading Style Sheets를 의미한다.Cascading: 계단식Style: 멋을 내다Sheets: (종이) 한 장정리하묜 계단식으로 스타일을 정의하는 문서이다.   css가 일하려면css 문서(코드) 자체는 독립적으로 존재할 수 있지만, 그 목적이 구조화된 HTM 문서의 스타일을 정의하는 데 있으므로 HTML 문서가 없는  CSS 문서는 사실상 의미가 없다. HTML: 웹 문서의 콘텐츠 구성하는 언어CSS: 웹 문서의 콘텐츠에 스타일을 추가하는 언어(색상, 크기, 위치 등) CSS 기본 문법 CSS 기본 문법 사용 예 주석 HTML에 CSS를 더하려면HTML 문서에 CSS 문서(코드)를 적용하고자 할 때는 다음과 같은 방식들을 사용할 수 있다. 인라인 스타일: 태그에 직접..
[2024-2 Java 스터디] 김민서 #4주차 상속 상속 - 자식 클래스가 부모 클래스의 기능을 그대로 물려받을 수 있는 기능, extends를 사용해 클래스 상속을 한다* 부모 클래스를 상속받은 자식 클래스는 부모 클래스의 기능에 더하여 더 많은 기능을 갖도록 할 수 있다 IS-A 관계객체 지향 프로그래밍에서 상속 관계를 설명하는 개념 (ex. Dog 클래스가 Animal 클래스를 상속받으면, Dog는 Animal의 하위 개념이 됨)-> 자식 클래스의 객체는 부모 클래스의 자료형으로 사용할 수 있다 Object 클래스자바의 모든 클래스는 자동으로 Object 클래스를 상속받는다.-> 자바에서 생성되는 모든 클래스는 Object 자료형으로 사용할 수 있다 메서드 오버라이딩부모 클래스의 메서드를 자식 클래스가 동일한 형태로 또 다시 구현하는 행위 메서..
[2024-2 Java 스터디] 김지나 #4주차 "5.5~5.9" 05-05. 상속 ✅ 상속- 자식 클래스가 부모 클래스의 기능을 그대로 물려받는 것- extends 키워드 사용class Dog extends Animal // Animal 클래스를 상속받는 Dog 클래스- Dog 클래스는 Animal 클래스의 객체 변수와 메서드 사용 가능  ✅ 자식 클래스의 기능 확장class Animal { String name; void setName(String name) { this.name = name; }}class Dog extends Animal { void eat() { System.out.println(this.name+"yamyam"); }} // 자식 클래스에 메서드 추가public class Sample { public st..
(미완성)[2024-2 SpringBoot 스터디] 정호용 #1주차 섹션 5~9 섹션 5. 스프링 빈과 의존관계- 컴포넌트 스캔과 자동 의존관계 설정회원가입 서비스 만들기 -> 멤버 컨트롤러가 멤버 서비스를 통해 회원가입을 해야 함. -> 멤버 컨트롤러가 멤버 서비스를 의존한다.내용이 아무것도 없어도 @Controller 애노테이션이 있으면 멤버컨트롤러 객체를 만들어줌, 스프링이 관리하게 해줌private final MemberService memberService = new MemberService();원래 이렇게 선언했는데 차라리이렇게 하는 것을 권장하신다. @Autowired 는 스프링 컨테이너에 있는 멤버 서비스를 연결해 준다. 다만 이렇게 하면 memberService에 빨간 줄이 뜨는데, 이 memberService는 순수한 자바 클래스이고, 스프링이 이를 알 수 없다.그..
[2024-2 Node.js 스터디] 류상우 #3주차 6장 익스프레스 웹 서버 만들기  6-1. 익스프레스 프로젝트 시작하기익스프레스:  서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크. http 모듈의 요청과 응답 객체에 추가 기능들을 부여함. 기존 메서드 외에도 편리한 메서드들을 추가해 기능을 보완함.express 외에도 koa나 hapi 등의 웹 서버 프레임워크가 있지만 express 사용량이 압도적이다. 본격적으로 들어가기 앞서 프로젝트를 생성한다.  4번: express 모듈을 실행해 app 변수에 할당한다.5번: app.set('port', port)로 서버의 포트를 설정한다. env에 PORT가 있다면 해당 값을, 없다면 3000을 이용한다.7번: app.get('path', router), 주소에 g..
[2024-2 Node.js 스터디] 김민재 #3주차 - 익스프레스 웹 서버 만들기 익스프레스 프로젝트 시작하기서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크Express는 http 모듈의 요청과 응답 객체에 추가 기능을 부여했다. 또한, 코드를 분리하게 쉽게 만들어 관리하기 용이하다초기 설정을 위해 package.json 과 app.js를 작성했다html 파일을 사용하기 전index.html 파일을 만들고 난 후 이다res.sendFile 이라는 명령어를 사용해 응답을 지정된 경로에 있는 파일로 보낼 수 있다 자주 사용하는 미들웨어미들웨어(미들웨어가 익스프레스의 전부라고 해도 과언이 아니라는데 한번 느껴보겠다..)요청과 응답의 중간에 위치하며, 요청과 응답을 조작해 기능을 추가하기도 하고, 나쁜 요청을 거른다app.use에 매게변수가 req,..
[2024-2 Java 스터디] 이가인 #3주차 목차객체 지향 프로그래밍클래스, 객체객체변수, 메서드메서드 필요한 이유, 매개변수와 인수 입력값과 출력값(리턴값)return의 또다른 쓰임값에 의한 호출과 객체에 의한 호출퀴즈, 코테 객체 지향 프로그래밍객체 지향 프로그래밍 ( Object-Oriented Programming, OOP ) 클래스 하나만으로는 결괏값을 따로 유지할 수 없다.같은 틀의 여러개의 객체를 생성해 코드를 효율적으로 관리하고, 가독성을 높인다고 이해하면 쉽다. 클래스를 여러 개 생성하기 보다 클래스 하나의 틀을 만들고 그 클래스의 객체를 여러 개 생성하는 식으로!객체들은 다른 객체와는 상관없이 각각의 독립적인 값을 유지한다.궁극적으로, OOP는 코드의 효율적인 관리와 개발 생산성 향상을 위해 필요한 방식이다.  클래스, 객체객체(..
[2024-2 웹기초 스터디] 이민형 #1주차 HTML이란 무엇일까.. HTML이란?HyperText Markup Language HyperText : 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트Markup: 표시하다하이퍼 텍스트와 콘텐츠를 표시하는 언어 그게 바로 HTML  기초 문법 그리고 태그 HTML 기초 문법HTML에서 가장 중요한 것은 태그이다.그럼 태그가 뭘까?  HTML에서 태그라는 것은..웹 페이지의 구조와 콘텐츠를 정의하기 위해 사용되는 코드 조각인데태그는 웹 브라우저가 해당 요소를 어떻게 해석하고 표시할지를 알려주는 역할을 한다. HTML 태그는 대부분 열림 태그와 닫힘 태그이고,열림 태그는 형식으로, 닫힘 태그는 형식으로 작성된다. 예시를 보면 이해가 쉽게 가능할 것이다.주요 태그 몇가지를 살펴보자. ..
[2024-2 웹기초 스터디] 김재승 #1주차 HTMLhypertext markup language 의 약어로 관련 항목을 연결하도록 돕는 hypertext , 예를 들어 웹 1번 에서 웹 2번으로  연결하는 등 과 역할을 해주는 같은 하이퍼텍스트를 표시해주는 언어라는 뜻이다. 기본 구조위와 같이 html의 문서에는 기본 구조가 존재하는데 먼저 DTD, 즉 document type definition을 사용해서 문서형을 정의하며  html 문서 작성 시 항상 처음으로 와야한다. 과 같이 작성하곤 한다. 다음으론 html 태그가 온다(여기서 태그는 이어지는 내용에서 설명하겠다). html 태그란 html 문서의 시작과 끝을 의미한다. 따라서 모든 태그는 html 태그 안에 작성된다고 봐도 무방하다. 위 사진과 달리 이런 식으로 언어 설정을 하고 시..
[2024-2 웹기초 스터디 #1주차] 김민재 - HTML 1주차 - HTML**HTML** (HyperText Markup Language)--- HTML이란?- HyperText : 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트- Markup: (콘텐츠를) 표시하다- Language: 언어 ⇒ 하이퍼 텍스트와 콘텐츠를 표시해주는 언어 쉽게 말해, 웹브라우저를 통해 표시되는 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어이다 문법 및 태그--- HTML 기초 문법**태그란?** HTML 코드에서 정보(콘텐츠)를 정의하는 형식 - 시작과 끝 - 과 기호를 사용해 시작과 끝을 표시 - 태그명은 동일해야 어떤 콘텐츠인지 명확하게 표시 가능- 단일 태그 - 또는 를 사용해 표시 - ex) 공백- 속성 ..
[2024-2 Java 스터디] 정채은 #3주차 5장 ! [5 - 1] 객체 지향 프로그래밍이란? 계산기를 통해 알아부자 1+2+3 = 3+3 = 6 1, 2 를 더하고 3을 더할 때 1,2를 더한 값 3 을 저장해두는게 필요하다. 이것을 자바로 구현하면class Calculator { static int result = 0; static int add(int num) { result += num; return result; }}public class Sample { public static void main(String[] args) { System.out.println(Calculator.add(1)); System.out.println(Calculator.add(2)); ..
[2024-2 React.js 스터디 ] 이서영 #2주차 useEffect→ 마운트, 언마운트, 업데이트 할 시 작업 설정 첫 번째 파라미터 → 함수두 번째 파라미터 → 배열( deps )→ if deps 비움, 컴포넌트가 처음 나타날 때에만 useEffect에 등록한 함수 호출 cleanup 함수 → useEffect 함수 반환→ deps 비움, 컴포넌트 사라질 때 cleanup 함수 호출 마운트 시 하는 작업→ props 로 받은 값을 컴포넌트의 로컬 상태로 설정→ 외부 API 요청→ 라이브러리 사용→ setInterval 반복작업, setTimeout 작업 예약 언마운트 시 하는 작업→ setInterval, setTimeout 등록한 작업들 clear→ 라이브러리 인스턴스 제거  deps특정 값 넣기→ 컴포넌트가 처음 마운트 될 때와 지정한 값 바뀔 때..
[2024-2 Java 스터디] 김재승 #3주차 1. Class and Object (클래스와 객체)클래스는 객체를 만들기 위한 청사진이자 객체는 클래스의 인스턴스이다.( 인스턴스 : 클래스에 의해 만들어진 객체)예제를 통해 이해해보자class Car { String color; int speed; Car(String color, int speed) { // 생성자 this.color = color; this.speed = speed; } void displayInfo() { // 메서드 System.out.println("Color: " + color + ", Speed: " + speed); }}public class Main { public static void main(..
[2024-2 Java 스터디] 김규현 #2주차 맵(map)key 값과 value 값을 한쌍으로 가지는 자료형으로 파이썬에서 dictionary와 비슷하다. HashMap 맵 자료형 중 가장 기본이다import java.util.HashMap;public class Sample { public static void main(String[] args) { HashMap map = new HashMap(); map.put("animal", "동물"); map.put("baseball", "야구"); }} HashMap (map 이름)으로 HashMap을 만들 수 있다. put을 이용하여 map안에다가 넣고자 하는  key, value 값을 넣을 수 있다. System.out.println(map.get("a..
[2024-2 웹기초 스터디] 김지수 #1주차 HTML 이란?HTML은 HyperText Markup Language를 의미한다. 하이퍼링크 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트, 쉡게 말해 HTML은 웹브라우저를 통해 표시되는 웹페이지 콘텐츠를 정의하기 위해 사용하는 언어이다. 완성된 HTML코드를 웹브라우저에서 로딩하면 웹페이지가 만들어 진다. HTML 코드가 웹브라우저를 통해 해석되고 표현되는 과정을 렌더링이라 한다.  HTML 문서는 파일의 확정자가 html 또는 html이다. 개발자 도구 열기 (크롬 기준) 코드 에디터코드 에디터란? 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어이다. 코드는 결국 텍스트이다. 그러나 이 텍스트를 더 빠르게, 더 편하게 작성하기 위해서는 코드 에디터를 사용하는 것이 좋다..
[2024-2 Java 스터디] 이민형 #3주차 (5장) 자바를 "자바라" (Java "java")      5. 뭐어어?? 자바는 객체 지향 프로그래밍이라고?   객체 지향 프로그래밍이란? 객체 지향 프로그래밍이란 단어를 이해하기 위해서 좋은 예시를 하나 갖고 왔다. 계산기의 메커니즘을 한 번 생각해보자. 계산기에 3을 입력하고 4를 더해주면 기존의 3의 값에다가 4를 더해서 7이 출력된다.한마디로 3이라는 값이 사라지지 않고 계속 누적된다는 것이다.이 기능에 주목해서 다음 코드를 보자. class Calculator { static int result = 0; static int add(int num) { result += num; return result; }}public class Sample { publi..

반응형