[꼼꼼한 개발자] 꼼코더

🧹 두서없이 적는 쉬운 정리 1. Elements는 한번 생성되면 변하지 않는다는 불변성을 가지고 있다. 2. 다른 말로 엘리먼트 생성 후에는 children이나 attributes를 바꿀 수 없다는 말 4. 엘리먼트를 생성한 이후에 실제로 화면에 보여주기 위해서는 렌더링이라는 과정을 거쳐야 한다 5. 리액트로만 만들어진 모든 웹사이트들은 단 하나의 Root DOM Node를 가지게 된다 6. 렌더링을 위해 ReactDOM에 render()라는 함수를 사용 7. 이 함수는 '첫번째 파라미터인 리액트 엘리먼트'를 '두 번째 파라미터인 html 엘리먼트'에 (즉 DOM 엘리먼트) 렌더링 하는 역할 8. 결국 리액트 엘리먼트가 렌더링 되는 과정은 Virtual DOM에서 실제 DOM으로 이동하는 과정 9. 한..

🧹 두서없이 적는 쉬운 정리 1. 라이브러리란 : 자주 사용되는 기능들을 모아놓은 것, 개발자가 제어권을 가지고 있다. 2. 사용자 인터페이스(UI) : 사용자와 컴퓨터 중간에 입력과 출력을 제어해 주는 것 3. 리액트는 '자바스크립트 UI 라이브러리'이다 4. 리액트는 spa 를 쉽고 빠르게 만들 수 있도록 해주는 도구이다. (자세한 내용은 아래 참고) 🤷🏻 리액트란? 공식문서에는 '사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리'라고 정의되어 있다. 📖 라이브러리란? 자주 사용되는 기능들을 정리해 모아 놓은 것을 의미한다. 라이브러리(일상, 프로그래밍) 일상 : 도서관에 수많은 책들이 정해진 기준에 따라서 잘 정리되어 꽂혀있는 걸 볼 수 있다. 프로그래밍 : 특정 프로그래밍 언어에서 자주 사용..

🧹 두서없이 적는 쉬운 정리 1. 데이터로 연산할 때 연산자를 사용한다. 2. 연산자는 [대입, 산술, 증감, 관계(비교), 동등, 일치, 이진 논리, 조건부(삼항)]가 있다. 3. 대입 연산자 : 말 그대로 대입, '=' 사용 4. 산술 연산자 : 사칙연산, %(나머지), **(지수)로 구성 5. 증감 연산자 : 증가, 감소를 시행, '++'와 '--'를 사용 6. 관계(비교) 연산자 : 비교를 시행, ['', '=']를 사용 7. 동등 연산자 : 동등한지 비교, '=='를 사용 8. 일치 연산자 : 완전히 일치한 지 비교, '==='를 사용 9. 이진 논리 연산자 : true와 false값을 비교, '||'와 '&&'를 사용 10. 조건부(삼항) 연산자 : 조건에 따라 결과가 두 가지로 나눠지는 것..

🧹 두서없이 적는 쉬운 정리 1. JavaScript는 쉽게 말해 동작이다. 2. 정리하면 HTML(생선 뼈), CSS(비늘, 색깔, 살), JS(뛰어오르다, 숨 쉬다) 3. JavaScript의 정식 명칭은 ECMAScript이다. 4. JavaScript 스크립트 언어이고 런타임에 코드가 해석되고 실행된다. 5. 변수에 값이 들어갈 때 자료형이 정해진다. 변수는 var, let, const로 선언하지만 let을 사용한다.(호이스팅) 6. 배열 자료형에는 여러 서로 다른 자료형이 함께 들어갈 수 있고 index로 값에 접근할 수 있다. 7. Object(객체) 자료형은 값이 key value로 이루어져 있다. (자세한 내용은 아래 참고) 👨🏻‍🏫 JavaScript의 소개 만약 웹사이트에서 동적인 처리..

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 이해하고 적는데 30분 정도 소요됐다. 하나씩 대충 하지 않고 확실하게 적어가면서 하니깐 공부가 더 재밌다..🤣

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 이렇게 공부하니깐 진짜 매일 하나씩 나의 지식이 쌓여가는 게 느껴진다. 그리고 SRP를 지키면서 코드를 짜려고 하는데 애매한 부분에 있어 확신이 부족한 상황이 자주 나온다.. 어렵더라도 집중해서 최대한 SRP를 지키면서 코드를 짜보자.

😧 이전 상황 이전에 상품 엔티티를 만들고 상품 생성(Create)까지 개발을 마쳤었다. 하지만 이후 진행과정에서 교재를 참고해서 하다 보니 개발 속도에 많은 지연이 있었고 팀원과 회의 끝에 구글링을 통해서 빠르게 진행해보기로 했다 '단 모든 코드를 잘 이해하고 넘어가는 것'을 가장 중요하게 이야기 했었다. 왜냐하면 당연히 그 코드를 이해해야 내 것이 되고 앞으로의 프로젝트에서 응용이 가능하기 때문이다 이 것이 클론코딩, 복+붙 (코드 긁어오기)에 대한 주의점이다. (코드 수정 시작) 🧑🏻‍💻 엔티티, DTO (코드 수정) 엔티티와 DTO( + FormDTO)를 수정하였다. /** * @version 1.0 * @Author seodong-geun * @since 2023/04/10 */ @Entity ..

🎬 새로운 프로젝트 JSP 공부 막바지 즈음 학교 동아리 단톡에 '프로젝트 참여' 톡이 올라왔고 나는 바로 참여의사를 밝혔다 프론트 1명, 백엔드 2명, 풀 스택 1명(팀장)으로 팀 구성이 완료되었다. 🧐 주제 아이디어에 주제는 학교에 전시할 작품을 선별하는데 동아리별 결과물을 심사 후 전시여부를 결정하는 것이었다. 따라서 다른 과 학생들도 참여하고 확인할 결과물을 만들어야 한 다는 것이다. (다음 글에서 아이디어 주제 정하기에 관련한 글을 작성하겠다.) 🧑🏻‍💻 팀원 스펙 팀원들 스펙을 참고하여 아이디어를 구상하고 정해봐야 했었다. Front end : Html, CSS, JavaScript Back end : Java, Servlet, JSP, MySQL