yh-jeon Full stack

public class HelloJava { public static void main(String[] args) { System.out.println("hello java"); } }주의!자바 언어는 대소문자를 구분한다. 대소문자가 다르면 오류가 발생할 수 있다. { 코드 분석 }public class HelloJava- HelloJava를 클래스로 한다. 클래스(class)의 개념을 학습해야 이해할 수 있다. 클래스는 뒤에서 학습한다.- 지금은 단순히 HelloJava.java라는 파일을 만들었다고 이해하면 된다.- 😎파일명과 클래스 이름이 같아야 한다.- {} 블록을 사용해서 클래스의 시작과 끝을 나타낸다.public static void main(String[] args)- main 메서드라 ..

POSIX 시간모든 컴퓨터 시스템은 내부적으로 Epoch(시작 시점) 이후의 초 단위로 시간을 유지해야 한다.Epoch은 1970년 1월 1일 00:00(자정)부터 시작하여 지금 시간까지 몇 초가 흘렀는지 알아내기 위하여 time()함수를 사용, 협정 세계시(UTC, 그리니치 표준시 또는 GMT)로 정의된다.POSIX는 구현이 시스템 시간을 실제 시간 및 날짜에 어떻게 맞춰야 하는지에 대해 명시하지 않습니다.초 단위 시간(Time in seconds)#include time_t time(time_t *tloc);시스템 시간을 가져옴(Epoch 시점부터 지금까지의 시간을 초 단위로 반환하여 표현됨)매개변수(Parameters)tloc: NULL이 아니면, 함수는 시간을 *tloc에 저장time_t: lon..

여기에서, 비밀번호의 input 태그 오른쪽에 있는 눈 모양의 아이콘을 클릭 시, 비밀번호가 보여지고 다시 누르게 되면 보여지지 않도록 기능을 구현하기 위해서는 type을 바꿔줘야 한다. 이때, 각 type에 따라 다르게 표시되는 것은 다음과 같다. type={showPassword ? "text" : "password"}는 비밀번호 입력 필드에서 사용자가 입력한 내용을 텍스트로 표시할지 아니면 숨길지(비밀번호 형태) 결정하기 위해 추가한 것입니다.왜 필요한가?HTML input 태그에서 type 속성은 입력 필드의 유형을 정의합니다:type="password":입력한 내용이 숨겨지고 점(•)이나 별(*)로 표시됩니다.보안이 필요한 비밀번호 입력 필드에 사용됩니다.type="text":입력한 내용이 평문..

1. 원을 크기에 맞게 생성합니다. 이때, shift를 누르고 원을 생성하면 동그라미가 원으로 생성되게 됩니다.2. 원을 생성한 이후에, 원 내부에 마스크 기능으로 겹칠 이미지를 원 바로 위에다가 겹쳐서 올려 놓습니다.3. 이미지와 원 2개를 동시에 드래그하여 선택한 후에 마스크 기능을 활용하여 원 내부에 동그라미로 적절하게 위치하도록 설정합니다.4. 설정한 이미지를 export 기능으로 동그라미 부분으로 잘린 이미지를 추출합니다. 이때, 반드시 Export Mask Group으로 이미지를 추출합니다.

1. 연성 글꼴 다운로드Google Fonts에 접속합니다.YeonSung 글꼴을 검색한 뒤, "Download family" 버튼을 클릭하여 다운로드합니다.다운로드된 압축 파일을 해제하고 YeonSung-Regular.ttf 파일을 준비합니다.=> public 폴더 내부에 fonts라는 폴더를 생성하여 font 폴더 하위에 다운로드받은 YeonSung-Regular.ttf 파일을 저장합니다.2. 글꼴 파일을 프로젝트의 public 폴더에 저장프로젝트 디렉터리의 public/fonts 폴더에 YeonSung-Regular.ttf 파일을 복사합니다.최종 폴더 구조:프로젝트_폴더/├── public/│ ├── fonts/│ │ └── YeonSung-Regular.ttf├── src/│ ├──..

F12 키를 눌러 "개발자 도구"를 선택하여 console창에서 아래와 같이 입력하여 확인합니다.1. 개발자 도구 열기 Windows: F12 또는 Ctrl + Shift + IMac: Cmd + Option + I2. 콘솔(Console) 탭으로 이동개발자 도구에서 상단 메뉴 중 Console 탭을 클릭합니다. 3. 전체 화면 크기 확인 코드 입력콘솔에 아래 코드를 입력하고 Enter를 누르면 화면 크기를 확인할 수 있습니다: console.log(window.innerWidth, window.innerHeight); window.innerWidth: 화면의 가로 크기(픽셀)window.innerHeight: 화면의 세로 크기(픽셀)

- HTTP API를 만들어보자- HTTP 메서드 - GET, POST- HTTP 메서드 - PUT, PATCH, DELETE- HTTP 메서드의 속성요구사항 - 회원 정보 관리 API를 만들어라API URI 설계1. 회원 목록 조회 - read/member-list2. 회원 조회 - read-member-by-id3. 회원 등록 - create-member4. 회원 수정 - update-member5. 회원 삭제 - delete-member => 과연 이것은 좋은 URI 설계일까?가장 중요한 것은 리소스 식별

[HTTP] ✒️ 모든 것이 HTTP(Hyper Text Transfer Protocol) ✒️ 클라이언트 서버 구조 ✒️ Stateful, Stateless ✒️ 비 연결성(connetionless) ✒️ HTTP 메시지모든 것이 HTTPHTTP 메시지에 모든 것을 전송- HTML, TEXT, IMAGE, 음성, 영상, 파일, JSON, XML (API) => 거의 모든 형태의 데이터 전송 가능- 서버 간에 데이터를 주고 받을 때도 대부분 HTTP 사용 => 지금은 HTTP 시대![HTTP 특징]📍클라이언트 서버 구조📍무상태 프로토콜(스테이리스), 비연결성📍 HTTP 메시지📍단순함, 확장 가능클라이언트 서버 구조 무상태 프로토콜비 연결성(connectionless) HTTP 메시지

URI(Uniform Resource Identifier)평소 http://~~~~ 이런게 URL / URN은 이런 게 있다 정도만 알아둘 것URI 단어 뜻Uniform : 리소스 식별하는 통일된 방식Resource ; 자원, URI로 식별할 수 있는 모든 것(제한 없음)Identifier : 다른 항목과 구분하는데 필요한 정보 - URL : Uniform Resource Locator- URN : Uniform Resource NameURL, URN 단어 뜻- URL - Locator : 리소스가 있는 위치를 지정- URN - Name : 리소스에 이름을 부여=> 위치는 변할 수 있지만, 이름은 변하지 않는다. ex) urn:isbn:8960777331 (어떤 책의 isbn URN)URN 이름만으로 실..