WINK-(Web & App) (433) 썸네일형 리스트형 [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 앞에 쓰여진 명령어들은 컴포넌트가 나타날 때 실행된다.(지금은.. 이전 1 ··· 10 11 12 13 14 15 16 ··· 55 다음
