분류 전체보기 (124) 썸네일형 리스트형 html문서가 어떻게 렌더링되는가 Cannot read properties of undefined (reading '~~') 떄문에 글을쓰기 시작한건데 사실은 얘기가 다른길로 많이새서 제목을 바꿨따 만들고 있던 화면에서 이런 오류가 떴다 이런류의 오류는 자주뜨는데 항상 문법이나 사용방식의문제로 좀만 수정해주면 에러가 해결이 되었다. 하지만 오늘은 도통 해결이 되지않았고 원인을 찾던도중 렌더링에 관한 개념도 얻어갈수 있겠다 싶어 글을 올려본다. 상황은 이랬다 서버에서 받은데이터 > 데이터를 사용해 html 코드생성 > 오류 data의 배열을 for문을통해 훑어보고 있는데 이해가 안되는것이 data[0].b_BOARD_ID 라고 수정해보면 정상적으로 0번째껄로는 전부 화면이 나오는 것이다. 오류를 보면 b_BOARD_ID가 undefined.. COMEUP2021 갔다오다 DDP에서 열리는 comeup21에 갔다왔다!.. (서론) 이제 취업을 목표로하고 있고.. 앞으로 어디를 가게될지도 모르고 준비도 정말많이해야 한다고 생각하는데 개인적인 사정으로 1달 반을 가까이 쉬게된것 같다.ㅠ 드디어 다시 보드를 (두다다닥!) 두드리기 시작했지만 그사이에 자신감도 조금 떨어진것 같은 기분이들었다. 동기부여도 받을겸 다른 개발자들은 어떻게 살고있나 보고싶어서 comeup21 이라는 스타트업쇼케이스에 갔다왔다. 예비 유니콘 기업부터해서 루키기업의 소개가있었는데 자신의 분야에서 문제점을 찾고 전공지식을 기반으로 프로그래밍을 접목시켜서 도전하는 사람 생명과 밀접한 관련이있는 자율주행 서비스에 도전하는 사람 글로벌한 문제를 해결하려는 사람 등 여러 기업의 소개가있었다. 막연하게 느껴지는 것들.. server로 file 전송 과정 깔끔하게 정리하고 싶었는데.. 너무 헤매어 난잡한 글이되었습니다ㅠㅠ 게시글에서 사진을 서버로 업로드이전 전송 먼저하려 하였다. 평소에는 form태그의 enctype속성을 multipart/form-data로 설정해준뒤 action에 경로만 맞추어 전송만 해주면 controller에서 해당 데이터를 인자로받아 사용할수 있었고 현재 사이트도 위와같은 구조로 진행하려 하였다. 다만 다른점이 action경로로 바로 보내는것이 아니라 ajax요청에 설정된 url경로로 data를 실어 보내는 것이었고 data전송이 제대로 되지 않았었다. 처음에는 "ajax file 전송" 이라는 키워드로 검색후 인용한 ajax의 코드를 입력했다 그형태는 아래와 같았다. $('.폼태그 버튼 클래스명').on("click",funct.. DB생성, 계정생성 ,권한부여 ,접속 1) mysql root계정접속 // 계정생성 create user '유저명' identified by '유저비밀번호' //계정에 권한 부여 (아직 디테일 하게모름) grant all on *.* to '유저명' //변경된 내용을 DB에 반영 flush privileges; 2)스키마 생성 //스키마 생성 create database 스키마명; //스키마 확인 show database; 3)worckbench 홈화면에서 connect 생성 mysql 연동하기 1. pom.xml 설정 ( java 1.8 / sprongframework-version 5.0.7 에 적용하였음 ) 1-1) maven 추가 jdbc + 사용할 RDBMS의 커넥터 설정을 했다. 1-2) maven update 1-3) root.xml > namespace클릭 > jdbc,mybatic추가 2. root-context.xml설정 (view와 관련되지 않은것은 root.xml로 설정했다) 2-1) 연결될 db의 설정을 입력하고 저장할 파일의 위치를 설정한다 2-2) 외부 파일의 접속정보에 관련된 bean이 어떤식으로 생성될것인지 지정한다 2-3) 외부 파일경로의 파일에 설정값 입력 ds.driverClassName=com.mysql.cj.jdbc.Driver ds.jdbcUrl=jdbc.. ajax 사용하기 ajax란? Asynchronous JavaScript And XML의 약자로 직역하면 비동기 자바스크립트 그리고 XML이다 ajax의 특징은? 서버와 통신하기위해 XMLHttpRequest 객체를 사용하며 JSON,XML,HTML, 텍스트등 여러 포맷을 전달할수 있다. 또한 비동기 라는 표현답게 ajax를 통해 페이지전체를 로드하는 일없이 페이지의 일부만 로드할수 있게된다. 예를 들어 위의 사진의 메뉴얼중 자동차를 클릭하게 되면 자동차에 관련된 소식으로 화면이 일부변경 하게되는데 이러한점은 사용자 입장에서 굉장히 편리하다. 비동기가 동시에 일어나지 않는다는 뜻이지만 개인적으로 ajax의 비동기란 여러 기능들이 서로에게 영향을 주지않고 독립적으로 변화할수 있다는 의미처럼 느껴진다 ajax의 사용법 먼저 .. API 설계 [ API 설계에대해 고민하게 된이유 ] 웹사이트의 API 를 만들어야 했다 사이트에는 어려운 기능이 없어 "데이터 처리만 가능하면 되지 않을까?" 라는생각을 하였다 이어서 안된다는 생각이 들었다. 단순한 프로그래밍을 할때 조차도 변수명에 규칙이있고 클래스명에 규칙이있고 효율적인 프로그래밍을 위한 방식이있고 주석이 있는등 여러가지 규칙성이 있다 그리고 그규칙성 때문에 협업도 쉽고 생산성도 올라가는 것이라 생각한다. API또한 지속적인 확장,관리가 필요할수있고 협업또한 필수라고 생각한다 때문에 API를 작성할때도 규칙성이 있어야 한다고 생각했다. [ API 란? ] "API는 응용 프로그램에서 사용할 수 있도록,운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다." [ .. IA , 플로우차트 ,ERD,화면구성초안(figma),화면구성(html/csss) git default branch - main? master? gitBash를 쓰다가 평소처럼 오류가 발생하였고 github에 오류 해결 가이드가 친절하게 적혀있던 탓에 수월하게 해결할수 있었다. 그과정에서 main branch를 사용하고 main branch의 confict를 해결하던중에 main branch가 뭐지? 싶었다 왜냐하면 git을 처음 접할때만해도 master branch를 중심으로 해결이 되었기 때문이다. main branch가 뭐였지?? 라는 생각과함께 검색을 하다보니 10월을 기점으로 github Repository의 default branch가 main으로 바뀐다는 것이였다. 굳이 왜? default branch를 변경하지?? 쉽게 생각하면 master라는 단어가 크고 작은 이슈에 휘말릴 여지가 있었기 때문에 변경했다. 어떠한 이슈들이 존재했었.. fatal: refusing to merge unrelated historise 의미 : 관련없는 히스토리 병합 거부 해결: ( 아래사진은 default branch가 master로 돼있을때 적용 ) 입력후 git pull origin 브런치명 - --allow-unrelated-histories 의미: "git pull 사용시 의미 없는 히스토리까지 병합 허용" 옵션 추가 이전 1 2 3 4 ··· 13 다음
