V 웹개발자 프로젝트

2024.05.28 ~ 2024.12.16 일정의 웹개발자 교육 과정에 참여하게 되었다.배우는 과정과 얻게 되는 지식, 잊으면 안 되는 정보 등을 매일 작성하고자 한다.이렇게 노력을 쌓아가는 과정이 개발자를 향한 꿈에 도움이 되었으면 한다.

movie

웹앱개발자 강의의 처음은 JAVA강의이다.자바 강의를 듣다가 추후 HTML, 웹페이지 구현, 안드로이드 스튜디오 등을 배우는 시간을 가진다고 한다.수업 2일차인 오늘은 자바의 기초를 다졌다.비전공자와 전공자가 같이 듣는 강의인 만큼 기초부터 천천히, 그리고 동시에 빠르

웹앱개발자 강의 3일차인 오늘은 자바 공부의 핵심인 반복문을 배우는 시간을 가졌다.반복문의 요소는 크게 초기(값), 조건(종료), step(보폭, 방향, 증감) 세 가지로 나눌 수 있다.for문 자바 코드를 예시로 들자면for (int i = 1; i<=10; i

슬슬 어려운 주제가 나온다. 자바 공부에 큰 벽중 하나인 배열을 드디어 접했다.자바의 타입(자료형)은 두 가지로 나뉜다.앞서 봤던 이 기본 자료형에서 표에 있는, 우리가 주로 접하는 자료형(예시: int)을 기본형이라고 한다.반대로 이 위에 없는 자료형(예시: Stri

참고 링크: https://tcpschool.com/java/java_class_intro자바 변수기본형 -> 직접 변수에 담긴다참조형(객체) -> 레퍼런스(리모컨, 주소)에 의해서 참조된다.변수만들기 -> new 설계도();boolean\[] arr = ne

함수에 관해 헷갈려 그림판으로 만들어봤다.틀린 부분이 없길 바란다...변수의 생명주기변수의 라이프사이클변수의 스코프키워드 숙지.thisa와 연결된 객체(인스턴스)의 introduce 메서드 안에서 같은 객체 내부의 필드(인스턴스 변수)에 접근해서 안에 있는 값을 가져오

하루종일 프로그래머스 Lv0문제만 풀었다...0도 어렵다.TDD 복습 필수와 참고

프로그래머스 Lv 0, Lv 1 JAVA문제 위주로 푼다.끝없이 푸는 중...

class 고양이 { void 숨쉬다(){} void 울다(){} void 뛰다(){}{class 검은고양이 extends 고양이 { void 할퀴다(){}}extends = 상속(고양이한테 상속받는 검은고양이)고양이 = 부모클래스검은고양이 = 자식클래스객체지향은 중복

생성자 참조 url: https://www.tcpschool.com/java/java_methodConstructor_constructor아래에서 static { lastId = 0;}은 위 static int lastId;에 영구적인? 영향을 끼치지 않는다.

Hash 맵 사용법 정리 링크: https://coding-factory.tistory.com/556문자열 처리(String, StringBuffer, StringBuilder의 이해와 활용) 이해를 돕는 링크: https://f-lab.kr/insi

int x = Integer.parseInt(a)long x = Long.parseLong(a0)...Integer.parse, Long.parse 등 문자열을 정수로 바꿀 때 사용된다.오른쪽 정렬 별찍기(Scanner을 이용해 입력받은 숫자대로)sc.nextLine(

스트림과 배열은 비슷한 자료구조?for (int i=1; i<11; i++)같음IntStream.range(1, 11) .forEach(e -> System.out.print(" "+e));for (int i=0; i<arr.len

package org.koreait;import java.util.Arrays;import java.util.stream.Collectors;public class Calc { public static int run(String exp) { // 단일

https://github.com/Pive0528/poly_calc_2024_06괄호 우선처리 기능을 보완하여 자바 계산기를 제작하고 있다.계속 보완중..

만들어진 심화 계산기 깃허브 주소: https://github.com/Pive0528/poly_calc_2024_06소괄호 우선 처리, 곱하기, 나누기, 다중 소괄호 등... 모두 연산이 가능한 계산기를 제작했다.이제 여태 배운 걸 써먹는다고 볼 수 있는 Ap

https://github.com/Pive0528/motivation_2024_06추가한 기능: 입력받은 정보 저장, 삭제 기능

새 프로젝트 주소: https://github.com/Pive0528/motivation_2024_06_mk2기존에 만들던 것을 놔두고 새 프로젝트를 파서 동일한 기능을 가진 프로그램을 제작 중이다.이전 프로젝트는 구조와 클래스가 복잡하게 얽혀있지만 이번 프로

프로젝트 주소: https://github.com/Pive0528/motivation_2024_06_mk2회원가입, 로그인, 로그아웃 기능을 만들었다.

참고용 완성 주소(강사님): https://github.com/woooyoung/ArticleManager_2024_07해당 코드를 기반으로 다시 처음부터 코드를 짜는 중...\-게시글ㅇ작성ㅇ목록ㅇ상세보기ㅇ수정ㅇ삭제\-회원ㅇ회원가입ㅇ로그인ㅇ로그아웃ㅇ작성, 수정

DB -> 데이터 베이스DBMS -> DataBase Management System(데이터 베이스를 관리하는 시스템 또는 소프트웨어)DB != DBMS 둘은 다름!key-valueRDBMS -> sql특징 찾아서 정리Graph<요약>DB == 데이터베이스DBMS

xaamp와 인텔리제이(자바)를 연계해서 지금까지 배운 과정을 다시 하는 중.내 프로젝트 주소: https://github.com/Pive0528/AM_JDBC_2024_07힘들다..

깃허브 주소: https://github.com/Pive0528/AM_JDBC_2024_07강사님 주소: https://github.com/woooyoung/AM_JDBC_2024_07JDBC, 특히 SQLyog 복습 필수

DROP DATABASE IF EXISTS mall;CREATE DATABASE mall;USE mall;CREATE TABLE t_shopping(id INT(5) PRIMARY KEY AUTO_INCREMENT,userId CHAR(30) NOT NULL,userP

프로그래머스 SQL 고득점 kit = https://school.programmers.co.kr/learn/courses/30/parts/17042꾸준히 풀것!SELECT u.userId AS '아이디', u.userName AS '이름', COUNT() AS

https://school.programmers.co.kr/learn/challenges?tab=sql_practice_kit프로그래머스 SQL Kit 최대한 풀기

복습

웹 페이지를 이루는 3요소HTML(배우)CSS(스타일리스트)\-display\-block(div, section, nav, article의 기본값)\-너비 (될수있는한)최대화\-한 줄을 무조건 혼자 씀(레고블럭?)\-inline-block\-너비 (될수있는한)최소화(여

nav>({|}+section>a\[href="inline요소(글자) 정렬 -> 부모에의해서 수동정렬(text-align:center)block요소 정렬 -> margin을 이용해서 스스로 정렬nth-childaaa:first-childaaa:last-childonly

위 코드 숙지하기!

강사 제작 펜: https://codepen.io/jangka44/pen/GRvbjjN?editors=1100원본 BNX: http://bnx.oa.gg/index.html비교하면서 내것으로 만들기.드롭다운메뉴 사용법 공부하기: https:/

배운 태그 정리.position:absolute;자유로운 영혼으로 만들어주는 태그position:relative;자유로운 영혼이 된 놈의 집이 되어주는 태그(가둬두는 개념)z:index=1;...0;우선순위? (먼저 보이는 순서같은거)마이너스도 가능white-space

position:fixed;\-> 나(사용자)를 따라다니게 만듬. ex) 쿠팡 쿠폰 등등..float을 클리어하는 방법?.clearfic::after { content:""; clear:both; display:block;}.cell { float:left;}css a

val중복 선언 가능let중복 선언 불가능, 재할당 가능console중복 선언 불가능, 재할당 불가능익명함수 - 함수명이 없음자바스크립트onclick속성의 개념: https://codepen.io/jangka44/pen/KKWyYzK?editors=1111jq

tailwind팝업 공부https://codepen.io/jangka44/pen/vYRBNYY?editors=1111다음주에 데이터베이스, SELECT.....SQL 시험

https://codepen.io/jangka44/pen/rNyZwQm?editors=0012객체의 개념 페이지.숙지하기https://codepen.io/jangka44/pen/rNyrKzB해당 페이지들 복습하기

https://codepen.io/jangka44/pen/rNyPNKEhtml 코드와 js 부분 필히 참고.그 외에도 자바 스크립트 복습해오기.시멘틱태그: 검색이 쉽게 해주는 정형화?된 코딩 개념

show/hide예시)$("$("html부분을 보이거나 숨기게 할 수 있음.slideDown/slideUp항목이 부드럽게 닫히고 열리는 효과를 부여하는 메서드.$("$("fadeIn/fadeOut항목이 서서히 나타나고 없어지게 하는 효과를 부여하는 메서드.$("$("(

위 양식은 html 작성을 도움.

data-lightbox="image-1"사진 확대 보이기JS!인텔리제이 IDE자바DBMS -> mysql자바 + DBMS -> JDBC스프링부트 자바 파일JSP 파일위 두개가 합쳐져 입력된대로 바뀌는 구구단 사이트가 나옴.

해오기

https://cross-milestone.tistory.com/198참고링크: jsp 안에서 javascript로 경고창 띄우기https://www.codingfactory.net/12175참고링크: Form, onsubmit 정의

오른쪽 아웃라인에 여러개가 뜨게하기(재부팅, 노력)?곧 개인프로젝트 주제를 정해야함

C(Controller): 창구직원, 점원M(Service, Repository, DB): 점V(JSP)마이바티스(MyBatis) 깊게 알아오기스프링 의존성 추가<< 찾아보기MyBatis 관련 링크: https://ccomccomhan.tistory

ResuldData -> 표준 메뉴얼메뉴얼 -> 보고서의 양식사장 <-> 개발자사용자 <-> 브라우저브라우저 <-> 컨트롤러컨트롤러 <-> 서비스서비스 <-> 리포지터리리포지터리 <-> DB표준 보고서가 지켜야 할 사항 or 있어야 할

https://www.daleseo.com/js-script-defer-async/참고 사이트. 읽어오기

로그아웃 후처리 -> doLogin 참고 omodify 관련 기능 정리 -> login form 참고write 관련 기능 정리 -> login form 참고join form -> login form 참고회원가입 후처리 -> doLogin 참고기타등등 기능 후처리프로젝트

https://github.com/Pive0528/24_08_Spring스프링 깃헙주소.계속 기능 갱신중...

https://github.com/Pive0528/24_08_Spring깃허브 주소.https://www.data.go.kr/공공데이터 포털API, 다양한 공공데이터 제공(프로젝트 구성에 유용)프로젝트가 날씨가 주가 되거나..다른 지방 데이터가 주가

로컬스토리지로컬 스토리지는 브라우저 내에서 영구적으로 데이터를 저장하는 데 사용된다. 저장한 데이터는 브라우저를 종료하거나 컴퓨터를 재시작해도 유지된다.직접 로컬 스토리지를 초기화하거나 제거하지 않는다면 만료기간이 존재하지 않는 반 영구적인 저장소이다.세션스토리지세션

좋아요, 싫어요 기능 구현댓글 기능 구현개인 프로젝트 주제 정하기!https://velog.io/@pive0528/sdf

infullinner joinleft join서브커리게시글 목록에 좋아요, 싫어요, 합산 표시update join좋아요 싫어요 버튼으로 처리할 수 있도록좋아요 또는 싫어요 버튼을 누르면?그 다음은 어떤 일이 일어나야 하는가어떤 테이블에 영향을 줘야 하는가방식에 대한 고

좋아요 / 좋아요 취소싫어요 / 싫어요 취소좋아요 한 상태에서1\. 좋아요 한 번 더 누르면?2\. 싫어요 누르면?싫어요 한 상태에서1\. 싫어요 한 번 더 누르면?2\. 좋아요 누르면?좋아요 싫어요 ajax로 처리 -> 조회수 증가 참고발동 조건의 차이왜 되는가 파악

좋아요 싫어요 할 때 로그인이 필요하다면 로그인 페이지로 이동로그인 성공 후 원래의 페이지로 돌아올 수 있도록댓글table시나리오테스트데이터 생성테스트데이터 표시댓글 작성 폼댓글 작성 기능게시글 리스트에서 각 게시글의 댓글 갯수 보여주기댓글 수정 / 삭제NaN인코딩회원

https://www.devkuma.com/docs/jquery/ajax-%EB%A9%94%EC%86%8C%EB%93%9C-$-ajax-$-get--load-/Ajax메소드 참고 링크프로젝트에 앞서 해봐야 할 것.여러가지 API 사용해보기피그마 작업피그마 시안

개발자는 과학적 사고를 해야한다.옳지 못한 사고방식 ↓버그를 분석해서 정확히 어떤 문제인지 파악하지 않음해당 버그가 왜 생기는지 가설을 세우지 못함\--> 과학적 사고방식의 문제, 논리력 문제, 태도의 문제\--> 태도의 문제테스트하는 방법을 생각해내지 못함어떤 문제가

html2 designhttps://hyonyong.tistory.com/entry/TOAST-UI-Editor-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%B3%B4%EA%B8%B0TOAST UI Editor 사용해보기 / 툴바 커스터마이징http