[CSS] 6. flex-wrap 1. Flex-wrap flex-wrap 속성은 flex 컨테이너 내의 아이템들이 주 축을 따라 한 줄에 배치될지, 아니면 여러 줄에 걸쳐 배치될지 결정한다. -nowrap-wrap-wrap-reverse  2. 시나리오 코드 flex-wrap:nowrap(기본값) 아이템1 아이템2 아이템3 아이템4 아이템5 아이템6 flex-wrap:wrap 아이템1 아이템2 아이템3 아이템4 아이템5 아이템6 flex-wrap:wrap-reverse 아이템1 아이템2 아이템3 아이템4 아이템5 아이템6

[JSP] 8. 서블릿 생애 주기  1. 서블릿 생애 주기란?-WAS는 웹 컨테이너를 포함하고 있다.-웹 컨테이너는 서블릿 컨테이너, JSP 컨테이너가 있다.  2. 서블릿 생애 주기(1) 클래스 로딩(2) 서블릿 인스턴스 생성 (생성자 호출)(3) 서블릿 초기화 (init() 메서드 호출)(4) 서블릿 요청 처리 (doGet/doPost)(5) 서블릿 컨테이너 소멸 (destroy() 메서드 호출)  3. 시나리오 코드package com.tenco;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.ser..

[JSP] 7. 서블릿을 사용하여 GET/POST 방식으로 데이터 주고 받기package com.tenco;import jakarta.servlet.ServletConfig;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.http.HttpServletResponse;import java.io.IOException;// HttpServlet 클래스를 상속 받아서 내가 정의한 클래스가 선언이 된다.// Why? ..

[특강] 2024.06.26 강연 기록  -개발 방식은 업체마다 다 다르다.-각 기업/팀만의 프로세스와 문화가 존재한다. (1) Funroo : 즐거운 기부를 모토로 한 웹서비스-비즈니스와 개발은 다르다.-현장에서 쓰지 않으면 무용지물이다.->피드백 루프를 줄였어야 하는 아쉬움이 있다. (2) 동백통 : 공공 배달 서비스-해당 클라이언트가 기업체인지/공공단체인지를 알고, 요구사항을 파악하는 것이 중요하다.-동백통 같은 경우는 공공배달 어플이었기 때문에, 거기에 중점을 두고 개발 (3) 개발 과정플랫폼 기획플랫폼 설계플랫폼 디자인플랫폼 만들자 열심히...(무한개발)(1) 플랫폼 기획*기획이 탄탄하지 않으면 백엔드는 무한 수정 뿐이다..*서비스를 만들 때, 돈을 누가 주고 누가 서비스를 영속시키는지 봐야한다..

*준비했던 질문 리스트.,.Q.좋은 회사, 좋지 않은 회사를 어떻게 구분하나요?Q. 커뮤니케이션 잘하는법? 실무에서 파트가 겹칠 때의 소통법?Q. 실무에서 인터페이스를 어떻게 짜는지? -> 이번에 프로젝트를 할 때, 프로젝트가 진행됨에 따라 클래스 구조가 계속 바뀌어서 인터페이스를 쓰지 못했는데, 이런 부분은 어떻게 해결하시는지?Q. 회사에서 가장 주의해야할점Q. 실무에선 로그인할때 어레이리스트에 저장하는지Q. 실무에선 깃 어떻게 쓰는지(커밋 단위 / 충돌 관리 / add. pull. push. commit 외에 쓰는 기능?)Q. 머리 길러도 되는지 (남자)Q. 신입개발자는 어떤일을 하는지Q. 자소서 어떻게 써야 눈도장 찍는지Q. 회사에서는 로깅/디버깅 기록을 어떻게 관리하는지?Q. 회사에서는 광고 배너..

[HTML] 7. HTML 파일명 작성 규칙 (1) 케밥 표기법: -(하이픈) 사용(ex: contact-us.html) (2) 스네이크 케이스: _(언더스코어) 사용 (ex: user_profile.html) *권장사항을 지키자!

HelloServlet HelloServlet com.tenco.HelloServlet HelloServlet /hello-servlet hello_servlet index.html index.htm index.jsp default.html default.htm default.jsp    https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types MIME types (IANA media types) - HTTP | MDNA media type (also known as a Multipurpose Internet Mail Extensions or MIME ty..

[JSP] 5. 서블릿이란?  1. 서블릿이란?-서블릿(Servlet)은 자바 언어로 작성된 서버 측 컴포넌트로, 웹 애플리케이션에서 클라이언트의 HTTP 요청을 처리하고 동적인 웹 페이지를 생성해 응답하는 역할을 한다.-서블릿은 Java EE(Enterprise Edition) 사양의 일부로, 주로 HTML 페이지를 생성하고 데이터베이스와 연동하여 데이터를 처리하는 데 사용된다. *컴포넌트란?여기서 컴포넌트는 독립적으로 작동할 수 있는 소프트웨어의 작은 단위이다. 서블릿은 웹 서버에서 독립적으로 실행되며, 클라이언트의 요청을 처리하고 응답을 생성하는 역할을 한다.  2. 서블릿의 역할(1) HTTP 요청 처리- 서블릿은 클라이언트로부터 들어오는 HTTP 요청을 처리한다.  (2) 동적 웹 콘텐츠 생성-..

[CSS] 5. Flex-direction 속성 1. Flexbox의 두 개의 축: 주축(main Axis)와 교차축(cross axis) flexbox 레이아웃의 정렬을 이해하는 데 가장 중요한 역할을 한다. 주축(main axis)와 교차축(cross axis)의 방향 (1) 주축 방향(main axis)(2) 교차축 방향(cross axis) 2. Flex-direction 속성이란?  3.  시나리오 코드 여기는 demo_03.html 파일입니다. flex-direction : row 아이템1 아이템2 아이템3   여기는 3.html 파일입니다. flex-direction : row(기본값) 아이템1 아이템2 아이템3 아이템4 flex-direction : row-revers..

[CSS] 4. Flexbox 1. Flexbox란? Flexbox는 웹 페이지의 요소들을 쉽고 유연하게 배치할 수 있도록 도와주는 CSS 레이아웃 방식이다. Flexbox를 사용하면 화면 크기나 요소의 크기가 변해도, 각 요소를 정렬하고 배치하는 것이 간단해진다.  2. Flexox의 주요 특징(1) 유연한 배치(2) 간단한 정렬(3) 반응형 디자인 -Flex 컨테이너: Flexbox를 적용할 부모 요소-Flex 아이템: Flex 컨테이너 내의 자식 요소들