반응형
목록
인프런 (32)
[꼼꼼한 개발자] 꼼코더
🧹 두서없이 적는 쉬운 정리 1. 컴포넌트 안에 여러개의 컴포넌트를 사용할 수 있다. 2. 컴포넌트 속 css적용이 가능하다. 3. 컴포넌트를 동적으로 변경려면 props 추가 4. 여러 중복 데이터는 배열로 관리하고 .map()함수로 추출. (자세한 내용은 아래 참고) 🕵🏻 댓글 컴포넌트 실습 1. Comment라는(댓글) 이름의 리액트 함수 컴포넌트 생성 2. 여러 개 댓글(Comment) 컴포넌트를 포함하고 있는 댓글 목록(CommentList) 컴포넌트 작성 3. 리스트 컴포넌트를 실제로 화면에 렌더링 하기 위해 index.js 수정. 4. 리액트 애플리케이션 실행 🎨 댓글 모양 CSS 스타일 적용 5. 댓글 모양 처럼 보이도록 Comment 컴포넌트에 css 스타일을 작성 후 컴포넌트 코드 변경..
🧹 두서없이 적는 쉬운 정리 1. 함수 컴포넌트는 정말 함수처럼 생겼다. 2. 리액트 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트로 나뉜다. 3. 모든 클래스 컴포넌트는 React.Component를 상속받아서 만든다. 4. 컴포넌트 생성 시 첫 글자는 대문자여야 한다.(소문자는 HTML 태그로 인식됨) 5. 이렇게 만들어진 컴포넌트는 엘리먼트를 출력하고 렌더링을 통해 브라우저에 보이게 된다. (자세한 내용은 아래 참고) 🎅🏻 Components의 역사 리액트 컴포넌트는 아래 그림처럼 크게 클래스 컴포넌트와 함수 컴포넌트로 나뉜다. 초기 버전에는 클래스 컴퍼넌트를 주로 사용하였다. 하지만 클래스 컴포넌트가 사용하기 불편하다는 의견이 많이 나와 함수 컴포넌트를 주로 사용하게 되었다. 함수 컴포넌트를 개선하는..
🌏 HTTP 공부 '김영한' 님의 HTTP 강의를 들었던 나는 내용을 많이 어려워했었다. 분명 쉽게 설명해 주시는 거 같은데 나에게는 어렵게 다가왔었다. GET, POST, Header 그래서 이걸 왜 넣는지 리소스는 무엇이고 도메인은 무엇이고.. 어려운 것 투성이었다.. 그렇게 꾸역꾸역 완강을 하였다.. 후반부에는 그냥저냥 들었던 거 같았다. (그래도 이때 들어놓은 강의가 추후 개발공부 시 매우 많은 도움이 되었다). 😅 이제 다시 자바 할 거지?(다시 스프링 공부(?)) 자 이제 알맞은 흐름은 자바로 돌아가서 기초 다지기이다. 하지만 코로나 학번이라 대화 없는 학교생활 + 아는 선배 없는 홀로서기 코린이 나에게는 내가 하고 있는 공부가 '잘하고 있는지' 알 기가 어려웠다.. 그렇게 나는 스프링 강의를..
📉 JSP, Servlet 시작(자바 다 끝냈니??) 나는 그때 당시 '스프링'이라는 걸 너무너무 하고 싶은 나머지 자바를 어느 정도 끝냈다고 생각했고(사실 개발공부의 끝이라는 건 없는데..) 제네릭 초반부 까지만 마치고 바로 JSP Servlet을 시작하게 되었다. 지금 생각하면 조금 급하게 공부를 했던 거 같다. 🧐 공부 시작 Servlet 강의를 듣고 초반에 이해하려고 다시 반복해서 듣고 타이핑도 해보고 정리도 정말 열심히도 하고 했었다. 하지만 웹에 흐름 자체도 이해가 어려웠고 강의에 나오는 getter, setter용어도 모르겠는데 쓰는 이유 get, post가 어디서 나온건지 등등 모르는 것 투성이었다 그때마다 인터넷에 찾아보았지만 정말 기초 지식도 아예 없어서 나에게 어려운 지식들만 쌓여갔다..
👀 콘솔에서 빌드하는 경우는? 로컬에서 개발한 프로그램을 실행시킬 때는 IDE(인텔리제이, 이클립스)의 실행버튼 혹은 단축키로 실행시킬 수 있지만 서버에 배포한 경우에는 IDE에서처럼 실행시킬 수 없다. 그럴 경우 콘솔에서 jar파일을 간단한 명령어로 실행시킬 수 있으니 한번 콘솔로 진행해보도록 한다.💪🏻 🔨 콘솔에서 빌드부터 실행까지 1. 터미널을 열고 study에 hello-spring을 들어간다. 명령어 : cd study → cd hello-spring 2. ./gradlew build를 입력한다. 입력시 알아서 필요한 라이브러리르 다운로드 받기도하고 알아서 빌드가 된다 3. 빌드 후 bulid/libs에 들어가서 목록을 확인하면 자바 파일을 실행하는 18M크기의 java -jar 파일이 만들어져..
🙋🏻♂️ 생성한 프로젝트 속 폴더의 구성과 역할들을 알아보자 .idea : IntelliJ 에서 사용하는 설정 파일 gradle/wrraper : gradle관련해서 gradle를 사용하는 폴더 src/main/java : 실제 패키지와 소스파일이 담겨있다 . src/main/resources : xml과 html같은 설정 파일이 들어간다. src/test : 테스트 코드들과 관련된 소스들이 들어간다 요즘 개발 트랜드에서 중요하다. 🧱 bulid.gradle 폴더는? 버전을 설정하기, 라이브러리를 내려받는 것. 예전에는 위 사진 속 코드를 하나하나 전부 코딩해야 한다. 현재는 spring.io 홈페이지에서 설정파일까지 제공이 된다 된다. 자세히 보면 프로젝트 생성때 선택했던 2.6.7 버전과 자바 언어..
🗄 스프링 프로젝트 생성 1. 스프링 부트 스타터 사이트로 이동해서 스프링 프로젝트 생성한다. 🙋🏻♂️항목별 설명 (더보기 클릭) 더보기 project Maven, Gradle은 필요한 라이브러리를 땡겨오고 빌드하는 라이프 사이클 까지 관리해주는 tool. 과거에는 Maven을 많이 썼고 현재는 Gradle을 많이 사용한다. langauage 사용할 언어를 선택해 준다. (java 선택) Spring Boot 사용할 Spring Boot의 버전을 선택해 준다. snapshot : 현재 제작중인 버전 M1 : 정식 릴리즈가 안 된 버전 Project Metadata Group : 그룹에 기업명 Artifact : 빌드의 결과물 (프로젝트 명) Dependencies(의존성) 스프링 부트를 사용할 때 사용..
📚 사전 준비물 Java 11 설치 IDE : IntelliJ 또는 Eclipse 설치 ☕️ JAVA 11 설치 1) 아래 자바 다운로드 설치 url 접속후 macOS Installer dmg 프로그램을 다운로드 한다. 링크 클릭시 Oracle 로그인 화면이 뜨며 로그인을 하면 다운로드 할 수 있다. https://www.oracle.com/kr/java/technologies/downloads/ 2) 설치 후 [닫기]버튼 클릭 3) 설치 후 터미널에서 java -version 명령어를 사용하여 정상적으로 다운로드 됐는지 확인 📦 IntelliJ 설치 아래 URL 접속 후 IntellJ Toolbox App을 설치한다. https://www.jetbrains.com/ko-kr/toolbox-app/ 2...