WINK-(Web & App) (433) 썸네일형 리스트형 [2024-2 Node.js 스터디] 김민재 #3주차 - 익스프레스 웹 서버 만들기 익스프레스 프로젝트 시작하기서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크Express는 http 모듈의 요청과 응답 객체에 추가 기능을 부여했다. 또한, 코드를 분리하게 쉽게 만들어 관리하기 용이하다초기 설정을 위해 package.json 과 app.js를 작성했다html 파일을 사용하기 전index.html 파일을 만들고 난 후 이다res.sendFile 이라는 명령어를 사용해 응답을 지정된 경로에 있는 파일로 보낼 수 있다 자주 사용하는 미들웨어미들웨어(미들웨어가 익스프레스의 전부라고 해도 과언이 아니라는데 한번 느껴보겠다..)요청과 응답의 중간에 위치하며, 요청과 응답을 조작해 기능을 추가하기도 하고, 나쁜 요청을 거른다app.use에 매게변수가 req,.. [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.. 이전 1 ··· 9 10 11 12 13 14 15 ··· 55 다음
