전체 글 (669) 썸네일형 리스트형 [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.. [2024-2 Java 스터디] 김지수 #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(3)); System.out.println(Calculator.add(4)); }}37add 메서드는 매개 변수 num으로 받은 값을 이전에 계산한 결괏값에 더한 후 돌려주는 메서드이다. 이전에 계산한 결괏값을 유지하기 위해서 result 전역 변수(static 변수)를 사용했다. 그런데.. [2024-2 Java 스터디] 김지나 #3주차 05장. 객체 지향 프로그래밍 ✅ 객체 지향 프로그래밍- '객체'들의 모임으로 컴퓨터 프로그램을 파악하는 것- 객체들은 각각의 역할을 수행하고, 결괏값도 독립적으로 유지함 ✅ 클래스class Animal {}public class Sample { public static void main(String[] args) { }}// Animal 클래스 만들기 (원래 Aniaml 클래스 사용하려면 파일 이름 Animal.java여야 함!!)- 이렇게 아무 내용이 없는 클래스여도 객체를 만드는 기능을 가지고 있음class Animal {}public class Sample { public static void main(String[] args) { Animal dog .. [2024-2 Java 스터디] 김태일 #3주차 05. 객체 지향 프로그래밍 05-1 객체 지향 프로그래밍이란? - 자바를 계산기에 비유하자면 위와 같이 계산기를 두개 만들필요 없이 객체를 사용하여 아래와 같이 간단히 해결 가능- Calculator 클래스로 만든 별개의 계산기 cal1, cal2 가 각각 역할을 수행- 계산기 cal1, cal2 (이것을 객체라 함) 의 결괏값은 독립적인 값을 유지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) { .. [2024-2 Java 스터디] 강보경 #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(3)); // 3 System.out.println(Calculator.add(4)); // 7 }} 음? 계산기 2대가 필요해짐class Calculator1 { static int result = 0; static int.. [2024-2 Java 스터디] 김민서 #3주차 객체 지향 프로그래밍 class Calculator { int result = 0; int add(int num) { result += num; return result; }}public class Sample { public static void main(String[] args) { Calculator cal1 = new Calculator(); // 계산기1 객체를 생성한다. Calculator cal2 = new Calculator(); // 계산기2 객체를 생성한다. System.out.println(cal1.add(3)); System.out.println(cal1.add(4)); .. [2024-2 React.js 스터디] 윤아영 #2주차 1. useEffect를 사용하여 마운트/언마운트/업데이트시 할 작업 설정하기1) deps가 비어있을 때( * deps는 useEffect의 두 번째 인자를 의미한다. )import React, { useEffect } from 'react';function User({ user, onRemove, onToggle }) { useEffect(() => { console.log('컴포넌트가 화면에 나타남'); return () => { console.log('컴포넌트가 화면에서 사라짐'); }; }, []); 위 코드에서 return() => { 여기에 쓰여진 명령어들은 컴포넌트가 사라질 때 실행된다. }return 앞에 쓰여진 명령어들은 컴포넌트가 나타날 때 실행된다.(지금은.. [2024-2 React.js 스터디] 김지수 #2주차 useEffect를 사용하여 마운트/언마운트/업데이트시 할 작업 설정하기 마운트 / 언마운트UserList.jsimport React, { useEffect } from 'react';function User({ user, onRemove, onToggle }) { useEffect(() => { console.log('컴포넌트가 화면에 나타남'); return () => { console.log('컴포넌트가 화면에서 사라짐'); }; }, []); return ( onToggle(user.id)} > {user.username} ({user.email}) onRemove(user.i.. [2024-2 Java 스터디] 정채은 #2주차 8. 맵대응 관계를 쉽게 표현할 수 있게 해주는 자료형 키(key)와 값(value)을 한 쌍으로 갖는 자료형 >1. putput 메서드 : key, value 추가 2. getget 메서드 : key 해당하는 value 얻을 때 사용 3. containsKeycontainsKey 메서드 : 맵에 해당 key 여부 T/F 리턴 4.removeremove 메서드 : 해당 key 항목 삭제 후 value 값 리턴 5.sizesize 메서드 : 맵 요소 개수 리턴 6.keySetkeySet() 메서드 : 맵 모든 key 모아서 집합 자료형으로 리턴 9. 집합>중복 허용 X순서 X>교집합 구하기 : retainAll 메서드 ---> intersection 출력 합집합 구하기 : addAll .. [2024-2 Java 스터디] 김지수 #2주차 맵맵은 사전(dictionary)과 비슷하다. 예를 들어 people이란 단어에는 사람, baseball이라는 단어에는 야구라는 뜻이 부합되듯이 맵은 키(key)와 값(value)을 한 쌍으로 갖는 자료형이다.키(key)값()valuepeople사람bassball야구 HashMapputput 메서드는 key와 value를 추가할 수 있다.import java.util.HashMap; public class Sample { public static void main(String[] args) { HashMap map = new HashMap(); map.put("people", "사람"); map.put("baseball", "야구"); } } getget 메서드는 key에 해당하는 value를 얻을 때 .. [2024-2 Java 스터디] 김재승 #2주차 # map맵은 대응관계를 쉽게 해주는 자료형으로 딕셔너리와 비슷합니다. 예를 들어keyvaluepeople사람baseball야구 이와 같이 리스트나 배열과 다르게 순서와 관계없이 특정 키에 값을 대응시켜 값을 얻을 수 있습니다. 맵의 자료형 중 가장 흔히 쓰이는 Hashmap 과 메서드에 대해 알아보겠습니다. put(K key, V value): 키에 해당하는 값을 저장합니다. 키가 이미 존재하면 값을 덮어씁니다.map.put("Apple", 10); //Apple이라는 key에 10이라는 value 대응시키기get(Object key): 주어진 키에 매핑된 값을 반환합니다. 값이 없으면 null을 반환합니다.Integer value = map.get("Apple"); //value = 10remo.. [2024-2 Java 스터디] 강보경 #2주차 map- 대응 관계를 쉽게 표현해주는 자료형- 키(key) & 값(value)- HashMap 1) put : 키 & 값 추가 2) get : 키에 해당하는 값 얻 3) containsKey : 해당 키가 있는지 참거짓으로 리턴 4) remove : 해당 키 삭제 후 값 리턴 5) size : 맵 요소 개수 리턴 6) keySet : 모든 키 모아서 리턴import java.util.HashMap;public class Sample { public static void main(String[] args) { HashMap map = new HashMap(); map.put("people", "사람"); map.put("baseball", ".. 이전 1 ··· 3 4 5 6 7 8 9 ··· 27 다음
