WINK-(Web & App) (433) 썸네일형 리스트형 [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.. 이전 1 ··· 8 9 10 11 12 13 14 ··· 55 다음
