목록개발 공부/HTML (6)

hahn

사이드바 드롭다운 박스 고정하기

드롭다운 사이드바 고정하기 ahnstu 아무것도 없으면 허전할 것 같아서 추가해둔 코드 참고만 예를 들어 위와 같은 형태의 사이드바가 있다면 나 에 클릭 이벤트를 걸어 class에 active(예시)를 추가하거나 삭제하여 중 display를 none이나 block으로 바꿔 화면에 보이거나 안 보이게 할 것이다. 드롭다운 사이드바 고정하기 ahnstu 아무것도 없으면 허전할 것 같아서 추가해둔 코드 참고만 일단 default로는 none으로 표시되어 사용자가 화면 전환 시 사이드바는 닫혀있는 상태로 표시될 건데 이를 UX 측면에서 보면 되게 불편하지 않을 수가 없다. 그래서 이를 해결하기 위해서 방법을 생각해 봤다. 일단 펼쳐야 할 대상을 식별해야 하기 때문에 어떤 걸로 식별할 수 있을까 생각해 봤다. 나..
개발 공부/HTML 2021. 6. 29. 19:01
16일차 include,session,location

화면 구성 시 공통되는 부분은 따로 jsp파일 만들어서 로 불러오면 된다. ​ 코드 전체를 끌어오는 개념이다보니 분리할 때 주의할 것. 처음 코드 작성 시 조건 별 alert를 띄우겠다고 사용하여 코드 분리를 했는데(request.getContextPath() ​ 때문에) 위 처럼 작성하면 간단하게 해결된다. 충분히 응용 가능한 부분였는데 왜 좀 더 생각을 안했는지 의문; ​ location.href 는 js에서 페이지 이동 ​ login.jsp session.setAttribute("S_ID", dbid); session.setAttribute("S_NAME", dbname); session.setAttribute("S_LEVEL", dblevel); index.jsp String S_ID = (Str..
개발 공부/HTML 2021. 4. 7. 21:37
14~15일차 html 가짜화면 만들기

집에서 다시 하려니 귀찮다,, ​ 귀찮으니 뭐했는지 기록만해둬야겠다 ​ 가짜화면 ​ 일단 가짜화면은 form 테그 action 액션 속성으로 ​ input 박스에 기입한 값과는 상관 없이 다음 화면으로 넘어가게 설계했음 ​ 그냥 화면 흐름이 대충 어떻게 지나가는지 확인함 ​ 진짜같은 가짜화면은 아이디 action에 다음에 나올 화면 경로 지정 ​ (request.getContextPath()는 절대경로 혹시나 파일 위치 바뀌면 안되니까 가능하면 절대경로로 지정하자) 받을 때는 얘를 이용함. ​ UTF-8로 인코딩하겠다는 뜻 ​ getParameter 메서드에 마우스를 가져다 대면 ​ String javax.servlet.ServletRequest.getParameter(String arg0)라고 뜨는데 ..
개발 공부/HTML 2021. 4. 7. 21:34
5일차 회원가입 폼(div로 만들어보기)

회원가입폼 오늘은 개인 면담하느라 각자 알아서 공부했는데 ​ 어제 회원가입 폼 만들 때 table로 하는거 아니라고 하신게 기억 나 ​ 인터넷 찾아서 다시 만들어봤다. html jsp ​ 만들고 실행해봤는데 정상적으로 잘 됐다. ​ 좀 이쁘게 만들어본다고 스타일이도 찾고 ​ 클래스도 지정해서 마진도 넣고 해봤는데 ​ 만족스러운 결과가 나온줄 알았으나 ​ 창 크기를 바꾸니까 다 깨져서 나왔다. ​ 앞으로 공부 더 해서 반응형 웹 구현까지 노력해야겠다.
개발 공부/HTML 2021. 4. 7. 21:25
4일차 html 실습(h, div, a, img, label, input, form 태그, 회원가입 폼)

사전 작업 Serve modules without publishing 체크 Ctrl + Shift + Del 눌러서 쿠키 및 캐시 파일 삭제 h(Heading) Tag h(eading) tag는 문서의 제목 영역에 사용 div(Divide) Tag section을 나눌 때 사용 List 관련 Tag (ol, ul, dl) ol : 순서_ul : 나열_dl : 설명 수업 때는 ul, li만 배웠지만 새로 추가 ​ a(Anchor) Tag 내용에 해당하는 링크로 이동 href는 링크를 만들기 위해 가 가져야하는 속성 target은 링크된 리소스를 어디에 표시할지 지정하는 속성 ​ img Tag ​ img src="경로" alt="대체 텍스트" title="설명" width(height)="크기" ​ Iabe..
개발 공부/HTML 2021. 4. 7. 21:23
3일차 UI 이해, HTML

UI : User Interface ​ UI는 디지털 기기를 작동시키는 명령어나 기법을 포함하는 사용자(이해관계자) 환경을 말함. ​ UX : User Experience ​ UX는 사용자(이해관계자)가 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하게 되는 지각과 반응 행동 등 총체적 경험을 말함. UI 구현을 학습하기 위해 NCS의 학습 모듈을 참고했다. ​ NCS는 국가직무능력표준으로 직무를 수행하기 위한 능력을 체계화한 것으로 ​ 직업교육 및 자격제도와 산업현장의 불일치를 해소하려고 만들어졌다. ​ 근데 뭐 만들어진지 얼마 안 돼서 그런지 한참 부족하다고 하는데 ​ 국가에서 밀고 있다니까 이걸로 학습했다. ​ 내용은 되게 많은데 머리에 잘 박히지도 않는다. ​ 그래서 그냥 수시로 읽어보면 될..
개발 공부/HTML 2021. 4. 7. 21:22
이전 Prev 1 Next 다음