본문 바로가기

프로젝트/Semi Book Store9

2021년 11월 1일 ~ 11일 - Semi Book Store ☆ 개요 11월 1일부터 어제인 11월 10일까지 센터에서 팀을 배정받고 프로젝트를 진행하게 되었다. 팀원분들과 함께 어떤 것을 구상할지 고민하다 인터넷 서점을 만들기로 하였다. 해당 글은 지극히 개인적인 후기이며, 진행한 프로젝트가 팀 프로젝트였기에 과하게 정보를 공개하는 것은 삼가도록 말을 맞추었다. 덧붙여 글이 서두없이 난잡한 것은 이 글이 형식에 갖추어진 보여주기 용도가 아니라 스스로 숙고하고 느꼈던 감정을 쉼없이 털어놓는데 그 의의를 두었기 때문이다. ☆ 개발도구 이클립스 깃허브 깃허브 데스크탑 톰 캣 AWS MySQL ☆ 과정 위처럼 나는 결제화면 창, 책 정보 창, 장바구니 창 등을 제작했지만 물론 CSS-프론트만 다룬 것은 아니었다. 그러나 위는 발표를 위해 형식적으로 나눈 것일뿐, 각 팀.. 2021. 11. 11.
2021년 11월 8일 - 프로젝트 중 유용한 기술들 모음 (8) ◎ String to Date & Date to String https://nota.tistory.com/50 [JAVA] String to Date, Date to String 형변환 자바(JAVA) 형 변환(String과 Date) String to Date String from = "2013-04-08 10:10:10"; SimpleDateFormat transFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); Date to = transFormat.parse(from);.. nota.tistory.com ◎ 오라클 ORDER BY 다중으로 걸기 https://endorphin0710.tistory.com/77 오라클 ORDER BY 다중으로 걸기 ORD.. 2021. 11. 11.
2021년 11월 7일 - 프로젝트 중 유용한 기술들 모음 (7) ◎ onclick 복수 함수 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=must_alive&logNo=70030765677 [스크립트]onclick 이벤트에 여러개의 함수 걸기 onclick="hello(); hi(); wow();" 처럼 세미콜론으로 구분해서 함수를 여러개 연결 시킬 수 있다 by.말줄임... blog.naver.com ◎ [HTML/JS] is not a function 오류 https://onibmag.tistory.com/8 [HTML/JS] is not a function 오류 문제 html에는 이런 식으로 코드를 짜놨고, 1 cs js에 selectMonth라는 function을 짜놨다. 근데 자꾸 .. 2021. 11. 9.
2021년 11월 6일 - 프로젝트 중 유용한 기술들 모음 (6) ◎ javascript 배열에 값 추가하기 http://jsfiddle.net/jscodedev/awwkb5b9/1/ 체크된 Row의 값을 가져오기 - JSFiddle - Code Playground jsfiddle.net ◎ javascript 배열에 값 추가하기 https://hianna.tistory.com/489 [Javascript] 배열에서 특정 값 삭제하기 배열의 원소를 삭제하는 다양한 방법을 정리해 보았습니다. 1. 배열 전체 값 삭제 2. 배열 첫번째 값 삭제 3. 배열 뒤에서 삭제 4. 특정 index의 값 삭제 5. 특정 값 삭제 1. 배열 전체 값 삭제 빈 배 hianna.tistory.com ◎ 배열에 특정값 추가 https://coding-restaurant.tistory.com.. 2021. 11. 8.
2021년 11월 5일 - 프로젝트 중 유용한 기술들 모음 (5) ◎ div border 테두리 주기 https://hianna.tistory.com/499 [HTML/CSS] div 테두리 그리기 (border, outline) CSS의 속성을 이용하여 div의 테두리를 그리는 방법을 정리하였습니다. 1. border 2. border-style, border-width, border-color 3. border-top, border-right, border-bottom, border-left 4. outline 5. outl.. hianna.tistory.com ◎ 사이드 바 - 스크롤 따라 다니게 만들기 - sticky https://alikong.tistory.com/58 사이드 바 - 스크롤 따라 다니게 만들기 따라다니는 메뉴? 보통 Sticky 라고 하나요?.. 2021. 11. 7.
2021년 11월 4일 - 프로젝트 중 유용한 기술들 모음 (4) ◎ 테이블 테두리 https://www.codingfactory.net/10510 CSS / 표(table) 꾸미기 / 테두리 만들기 테두리 만드는 속성 테두리는 border 속성으로 만듭니다. table, th, td 요소에 적용할 수 있습니다. tr 요소에는 적용되지 않습니다. 기본 모양 아무런 꾸밈을 하지 않았다면 기본 모양은 테두리가 없 www.codingfactory.net ◎ 이미지 슬라이드 https://rgy0409.tistory.com/2999 jQuery 제이쿼리 이미지 슬라이드 : bxslider 사용 방법 제이쿼리(jQuery)를 활용한 이미지 슬라이드 방법입니다. 엄청 쉽습니다. 자바스크립트를 잘 몰라도 됩니다. 저도 편리하게 이용하고 있습니다. 제이쿼리는 일종의 자바스크립트 꾸러.. 2021. 11. 6.
2021년 11월 3일 - 프로젝트 중 유용한 기술들 모음 (3) ◎ 디스플레이 플렉스 https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com ◎ CSS 변경해도 적용안될 때 https://meaownworld.tistory.com/89 CSS 파일이 변경 후 적용이 안될 때 CSS 파일이 변경 후 적용이 안될 때 시간을 많이 잡아먹어서, 문제 해결 후 기록합니다. .col .col .col 현재 저는 그리드를 만들려 합니다. 이 그리드에 스타일을 주기 위해 링크를 한 CSS 파일을 선택 meao.. 2021. 11. 4.
2021년 11월 2일 - 프로젝트 중 유용한 기술들 모음(2) ◎ 정적, 동적 별점 구현 https://melthleeth.tistory.com/entry/HTML-CSS%EB%A1%9C-%EB%B3%84%EC%B0%8D%EA%B8%B0-Star-Rating HTML, CSS로 별찍기 (Star Rating) 프롤로그 며칠 전 프로젝트를 진행하다 리뷰를 남기는 컴포넌트에 평점을 구현해야 했다. 일상 속에서 리뷰를 남길땐 아무 생각없이 사용하던 것인데 막상 구현하려니 ?!하고 당황스러웠다. 열 melthleeth.tistory.com ◎ DIV 나란히 놓기 https://ojji.wayful.com/2013/12/HTML-set-Two-Parallel-DIVs-columns.html HTML DIV tag: 두개의 영역(그림, 글자, 광고 등)을 나란히 놓기 - fl.. 2021. 11. 3.
2021년 11월 1일 - 프로젝트 중 유용한 기술들 모음 (1) ◎ JSTL이란? https://daesuni.github.io/jstl/ JSTL의 기본 개념과 사용방법 정리 1. JSTL이란? daesuni.github.io ◎ JSTL과 JSP 비교 예시 https://iancoding.tistory.com/75 JSP 4일차 - Express Language, JSTL / 게시판 2020.10.05 ,6(월, 화) 1. EL(Express Language) => 화면 출력 out.println() => 실무 : 자바, HTML(web) => 분리해서 사용 ========= 자바에서 가지고 오는 데이터 출력 (HTML안에는 자바데이터를 출력할.. iancoding.tistory.com ◎ JSTL로 파라미터 받아오기 https://ifuwanna.tistory... 2021. 11. 2.