프로젝트31 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. 2021년 9월 18일 - 공유 다이어리 셀프 프로젝트 완성 시연 + 검증 ☆ We Diary ☆ 완성본 ★ 검증 1 ★ ★ 검증 2★ ★ 검증 3 ★ 두 번째 검산 영상에서 없었던 '새로고침할 경우 검색창 입력내용 초기화'되는 기능을 추가해 검증하였다. 드디어 완성했다!!! 우선 완성은 저번주 일요일(2021년 9월 12일 새벽경)에 끝냈으나, 추가보완 작업과 다른 작업들이 마구자빙로 들어오는 바람에 포스팅이 늦어졌다... 대략 아이디어 설계부터 검증까지 4~5일 정도 밤을 꼬박 샌거 같다. 사실 처음엔 굉장히 막막했다. 막상 JDBC 이미지 입출력 구간 수업도 잘 따라가지 못해, 수업이 끝나고 반복 숙달에 매진한 것이 바로 엊그제였다. 그런데 그 모든게 CRUD 구조의 기초였고, 그 기초에 몇가지 세부 기능만 덧붙이면 내가 만들고 싶은 대부분의 기능을 구현할 수 있었다(Ja.. 2021. 9. 18. 2021년 9월 12일 - 공유 다이어리 프로젝트 2차 개요 프로젝트는 오늘 새벽 완성했으나, 일단 시간의 순서대로 글을 올릴 것이 목적이었기에 2차 개요를 업로드하였다. 초반에 설정했던 내용들이 대폭 수정되었고, 심지어는 로그인 후 조회, 수정, 작성, 삭제 등 CRUD 구조가 들어가 있는 메인창을 기획 취소했다. 굳이 조회창과 연계해 표현할 수 있는 걸 번거롭게 팝업창을 늘리는 건 낭비라고 생각했다. 뿐만 아니라 상단에 오늘의 기분을 클릭하면 그날의 기분이 저장되는 이미지 선택 & 저장 시스템 역시 구현을 포기했다. 이건 상단에 라디오 박스와 함께 이미지를 깔아놓으면 될 일이지만, 기술적인 한계가 아니라 시간의 한계로 인해 구현을 포기했다. 거기다 앞선 개요(1)에서 포스팅한 내용처럼 뺀 내용보다도 작성하다보니 '어? 이것도 있으면 좋겠는데?'하는 생각에 중도.. 2021. 9. 12. 2021년 9월 10일 - 공유 다이어리 프로젝트 1차 개요 드디어 첫 프로젝트가 시작되었다. 우선 창들이 많은만큼 보기 쉽도록 1차 개요를 잡았다. 개인 프로젝트임에도 목표를 높게 설정하는 바람에 3~4일 안에 모든 기능을 구현하기엔 어려움이 많이 따르는 중이다. 이중 대부분은 하면서 추가적으로 떠오른 기능들을 더한것이기에 많이 너저분하다. 거기다 본래 계획했던 내용에서 내 수준과 기량, 주어진 시간, 체력 등을 고려해 내용들을 유동적으로 조정하기도 했다.개발자가 끊임없이 새로운 지식을 발굴해 적용하는 것이 중요 역량으로 꼽힌다지만, 자신의 수준과 기술에 맞게 적합하고 기발한 프로그램을 만들어나가는 것도 중요 역량인 것 같다. (카메라 화질도 최악이다...) 나중에 2차 개요로 기능들을 총 정리해서 일요일까지는 완성 + 발표 자료 제작으로 넘어가야 할 것이다. 2021. 9. 11. 2021년 9월 5일 - 가면 무도회 MBTI 정리 (2) 1. 시작 페이지 무도회 분위기 - 어두운 배경 역동적인 시작 버튼 타이틀, 배경, 버튼 디자인 등 2. 주의사항 페이지 처음보는 공간 날 맞이하는 집사 (초대장 추가?) 집사 등장 : 자기 소개, 무도회 설명 컨셉 설명 : 어울리는 가면이 준비될 동안 대화 시작 - 입장하기 3. 문제 페이지 로딩바 컨셉에 맞게 이쁘게 문제 배경 꾸미기 선택 버튼 꾸미기 화면 중앙에 상황을 알리는 입력창 준비 1) 실례가 안된다면 선생님 성함을 여쭤볼 수 있겠습니까? E : 본명을 가르쳐준다. I : 처음보는 상대에게 이름을 가르쳐주기 불안하다. 적당히 가명을 둘러댄다. 2) 집사가 커피를 내어준다며 메뉴판을 내밀었는데 이상해보는 메뉴 둘이 전부였다. 하나를 꼭 시켜야한다면 무엇으로 부탁할까. E : 화끈하고 정렬적인 .. 2021. 9. 5. 2021년 9월 4일 - 수익형앱 Mbti 테스트 만들기 개괄(4) 3. MBTI TEST 제작 html 코드 작성 - UTF-8/LF로 작성 Bootstrap 이용해 간단한 버튼 배치 Java Script 이용해 버튼을 누르면 문제가 나오는 동적인 처리 - 페이지 넘기기 게이지 바 생성, 각 버튼 사이 간격 조절 문제 + 답에 대한 값 저장 문제 선택지에 따라 점수 배부 각 문제에 해당하는 내용 객체로 저장 문제 클릭시 다음 페이지로 이동 프로그래스 바 차오르게 만들기 : width % 조절 + for문으로 조금씩 차오르게 12문제 모두 생성 결과화면으로 넘어가기 : article 추가 이미지 더하기 - Border 적용 이미지 크기 조절 결과창 이미지, 텍스트 중앙으로 이동 : "class : text-center" mbti 로직 구현 결과값 이미지, 설명 등 저장 .. 2021. 9. 4. 2021년 8월 30일 - 가면 무도회 MBTI 정리 (1) ☆ MBTI MBTI가 성격을 대략적인 유형별로 나누었다는 것도, 심지어 내 MBTI 성향도 알고 있는데 정작 MBTI의 종류조차 잘 알지 못했다. 그리고 내가 만드려는 "가면 무도회" 컨셉에 있어 과연 각 성향에 맞는 결과가 어떤 것이 있을지 정리할 필요성을 느꼈다. 만드는 MBTI 테스트가 단순 재미용이라는 것을 감안하여, 표는 아래에 간단히 정리된 것을 참고했다. 이미지들은 상업적으로 사용해도 문제가 없는 이미지들을 사용하였다. ◎ ISTJ : 소금형 → 한번 시작한 일은 끝까지 해내는 성격 ★ 가면라이더 가면 ◎ ISFJ : 권력형 → 성실하고 온화며 협조를 잘하는 사람 ★ 깃털 º 무도회 가면 ◎ INFJ : 예언자형 → 사람에 관한 뛰어난 통찰력을 가진 사람 ★ 맨얼굴 ◎ INTJ : 과학자형.. 2021. 8. 30. 2021년 8월 28일 - 수익형앱 Mbti 테스트 만들기 개괄(3) 3. MBTI TEST 제작 html 코드 작성 - UTF-8/LF로 작성 Bootstrap 이용해 간단한 버튼 배치 Java Script 이용해 버튼을 누르면 문제가 나오는 동적인 처리 - 페이지 넘기기 게이지 바 생성, 각 버튼 사이 간격 조절 문제 + 답에 대한 값 저장 문제 선택지에 따라 점수 배부 각 문제에 해당하는 내용 객체로 저장 문제 클릭시 다음 페이지로 이동 프로그래스 바 차오르게 만들기 : width % 조절 + for문으로 조금씩 차오르게 12문제 모두 생성 결과화면으로 넘어가기 : article 추가 이미지 더하기 - Border 적용 이미지 크기 조절 결과창 이미지, 텍스트 중앙으로 이동 : "class : text-center" ※ calc(계산값%) - 계산 ☆ JQuery 문.. 2021. 8. 28. 2021년 8월 27일 - 수익형앱 Mbti 테스트 만들기 개괄(2) ※ 본 내용은 개인 기록용입니다. ※ 조코딩 님의 강의를 토대로 작성되었습니다. 3. MBTI TEST 제작 html 코드 작성 - UTF-8/LF로 작성 Bootstrap 이용해 간단한 버튼 배치 Java Script 이용해 버튼을 누르면 문제가 나오는 동적인 처리 - 페이지 넘기기 게이지 바 생성, 각 버튼 사이 간격 조절 문제 + 답에 대한 값 저장 문제 선택지에 따라 점수 배부 각 문제에 해당하는 내용 객체로 저장 문제 클릭시 다음 페이지로 이동 ☆ JS의 객체 var jsObject = {key : value} jsObject[key] → value var q = { 1: {"title" : "문제 1번", "type" : "EI", "A":"E", "B":"I"}, 2: {"title" : ".. 2021. 8. 27. 이전 1 2 3 4 다음
