자바스크립트와 jsp가 같은 것인 줄 알았다
22.12.30(금)
1. 동빈나 실패 클론코딩을 youtube를 보면서 하는 어려운점 
2. 외국인 실패 DB연동이 잘 되지 않음.
3. 매칭서비스를 만들기로 결정(책의 내용을 참고하기로 함)

22.12.31(토)
1. 그리드를 만드는데 어려움을 가짐
2. 부트스트랩을 활용하여 해결함
3. 업로드를 할 때도 사진을 쓰려고 하니 어려움이 있었음
4. multipart를 사용하였다. request를 multi로 바꿔줘야한다.
5. addmember 입력형식도 multipart로 바꿔줘야한다 <!-- enctype 을 multipart/form-data로 바꿔줘야 한다. -->
6. processAddmember // 클라이언트 name = "photo" -> 임시저장소 -> 지정한 위치 파일명으로 저장
22.1.1(일)
1. 오늘의 카드 시작
2.<!-- 상품목록 -->오늘의 카드
3.<!-- 상품등록 -->내정보
4.<!-- 상품수정 -->설정
5.<!-- 상품삭제 -->상품삭제
6. 오늘의 카드 가져오기 성공
7. 프로필 만들기 session값으로 가져오기
8. 오늘의 카드 수정(products)
23.1.2(월)
1. resultmember에서 session값으로 gender를 가지고 옴
2. menu에서 접근 자체를 하지 못하게 함.
3. 버튼을 만들어서 해당 아이디에게 수락버튼을 날림
23.1.2(화)
1. 매칭서비스 사람이 여러명이 좋아요를 눌릴 때 초기화 되는 문제점

23.1.3(수)
1. 아래의 server에 들어가서 톰캣을 더블클릭을 한다
2. 아래의 overview와 module이 있는데 module에 들어가서 /webmarket을 /로 바꿨다
3. 다음날에는 다른 사람을 배정해준다.

저작자표시

절대 경로와 상대 경로의 정의

 절대 경로는 처음부터 시작하여 목적지까지의 절대적인 경로를 의미합니다. 시작 지점부터 목표지점까지의 어느 누가 봐도 절대적으로 이곳을 가리킬 수 있는 곳입니다. 특징은 최상위 /를 포함하고 있습니다.

 

상대 경로는 현재 위치를 기준으로 하여 목적지까지의 상대적인 경로를 의미합니다. 자신보다 앞에 있는가? 뒤에 있는가? 동서남북으로 어느 방향으로 가야 하는가? 등, 누가 어디서 시작하느냐에 따라서 도착지가 달라질 수가 있습니다. 특징은 최상위 /를 거치지 않고도 이동이 가능합니다

 

 상대경로

기호 기능
./ 현재 위치
../ 현재 기준, 상위 디렉토리 위치
../../ 현재 기준, 위로 두칸
./mollang/ 현재 기준, 하부 mollang 디렉토리 위치

 

핵심은 경로에는 위로 올라가는 것과 아래로 내려가는 두가지로 구분된다는 것이다.

상대경로는 절대경로에서는 없는 위로 올라가는 것 (ex) ./ , ../ , ../../  ) 이 추가된 것이다.

저작자표시

국제 민간표준화 기구의 홈페이지 : https://www.w3schools.com/tags/tag_hn.asp

 

HTML h1 to h6 tag

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

저작자표시

'프론트엔드 > html, css' 카테고리의 다른 글

HTML 기본 용어 정리  (0) 2022.11.23
Grid-area에 대해서 알아보자  (0) 2022.11.21

요소

  • 시작태그와 종료 태그로 이루어진 모든 것을 의미합니다.

 

태그

  • 요소보다 작은 개념으로 시작 태그와 종료 태그가 있습니다. 태그 두개가 모여 하나의 요소가 됩니다.
  •  ex) <p> </p>

 

속성

  • 시작 태그 안에 쓰이는 것으로 요소를 더 자세하게 조작할 수 있습니다.
  • ex) <h1 align = "center">에서 align이 속성

 

변수

  • 속성을 부여하기 위해선 변수를 지정해야 합니다.
  • ex)<h1 align = "center">에서 center가 변수
저작자표시

'프론트엔드 > html, css' 카테고리의 다른 글

HTML기초 태그 정리  (0) 2022.11.23
Grid-area에 대해서 알아보자  (0) 2022.11.21

홈페이지를 만들기 위해서 기획과정을 거칠 필요가 있다.

밑그림을 그리는 과정으로 카카오 오븐을 활용하여 청사진을 그릴 수 있다.

 

<메인화면 공통>

<로그인전>

<로그인이후>

<회원가입>

 

저작자표시

그리드 영역을 정의하는 동시에 각 영역에 이름을 할당됩니다.

레이아웃을 직관적으로 만들기 위해 사용됩니다.

<html>

<body>
  <div class="container">
    <div class="header">HEADER</div>
    <div class="nav">NAV</div>
    <div class="section">SECTION</div>
    <div class="aside">ASIDE</div>
    <div class="footer">FOOTER</div>

  </div>
</body>

<css>

.container {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  grid-template-rows: repeat(4, 200px);
  grid-gap: 1rem;
  grid-template-areas:
    'a a a'
    'b c c'
    'b d d'
    'e e e';
}

.header {
    grid-area: a;
    background-color: #d7bee2
}
 
.nav {
    grid-area: c;
    background-color: #a9c7d8
}
 
.section {
    grid-area: b;
    background-color: #c0df9f;
}
 
.aside {
    grid-area: d;
    background-color: #f2e5a6;
}
 
.footer {
    grid-area: e;
    background-color: #e89d9d;

}

 

<결과값>

저작자표시

'프론트엔드 > html, css' 카테고리의 다른 글

HTML기초 태그 정리  (0) 2022.11.23
HTML 기본 용어 정리  (0) 2022.11.23

+ Recent posts

티스토리툴바