[SeSAC] 풀스택 웹 개발자 과정
1.[새싹X코딩온] 풀스택 웹 개발자 과정 1주차 회고 | Git, Github
Git은 본인의 pc내에 있는 파일을 관리하는 버전 관리 프로그램이고Github는 클라우드 기반으로 git 버전 프로그램을 관리하는 원격 저장소이다.다음은 아래의 명령어를 통해 github repository를 clone한다clone이 제대로 되었다면 github re
2.[새싹X코딩온] 풀스택 웹 개발자 과정 1주차 회고 | HTML
<head>와 </head> 사이에는 HTML 문서 정보를 정의하는 코드가 포함되며, 이 사이에 작성된 것은 웹 페이지에 나타나지 않는다.<body>와 </body> 사이에 작성된 것은 모두 웹 브라우저에 출력된다.HTML은 태그로 구성되어 있으며
3.[새싹X코딩온] 풀스택 웹 개발자 과정 1주차 회고 | CSS(1)
1. CSS 1-1. CSS란? 웹 페이지를 디자인하기 위해 사용하는 언어 1-2. CSS 참조 방식 인라인 방식 태그의 속성 방식으로 사용 한눈에 보기 힘들며, 재사용이 불가능하다. ex) hello 내장 방식 head태그 내부에 style 태그를 선언하여
4.[새싹X코딩온] 풀스택 웹 개발자 과정 2주차 회고 | CSS(2)
3. CSS 복잡한 속성 3-1. position 📢 position은 HTML 요소의 위치를 결정하는 방식을 설정함 > 💡 아래의 속성은 position 속성이 정의되어 있어야 사용 가능! > > top : 위치가 설정된 조상 요소의 위로부터 여백을 설정
5.[새싹X코딩온] 풀스택 웹 개발자 과정 2주차 회고 | Javascript(1)
1. JavaScript 기초 1-1. Javascript란? 📢 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어 1-2. Javascript 참조 방식 ✔️ 내장 방식 html 페이지 안에 내장된 방식으로 위치는 어디
6.[새싹X코딩온] 풀스택 웹 개발자 과정 5주차 회고 | Javascript 심화
Javascrpit 심화 1. 구조분해 할당(Destructuring assignment) 📢 구조 분해 할당 배열이나 객체의 속성을 해제해 그 값을 개별변수에 담는 것 1-1. 배열 구조 분해 할당 배열 요소를 변수의 이름으로 접근하기 위해 사용 각 변수에 배열의 인덱스 순으로 값을 대응 1-2. 객체 구조 분해 할당 배열 구조 분해 할당 처럼 ...
7.[새싹X코딩온] 풀스택 웹 개발자 과정 | Socket
소켓(socket)
8.[새싹X코딩온] 채팅 프로그램
1. 들어가기 1-1. 미니 프로젝트 socket.io에 대한 전반적인 것들에 대해 배우고 간단한 채팅 프로그램을 만들게 되었다. 프로젝트 기간은 약 3일로 예정 백엔드 부분 위주로 작성되어 있으므로, 이 외의 코드는 밑에 github을 통해 확인해주세요. 1-2. 기능 계획한 기능 채팅 프로그램 입장하기 위한 닉네임 로그인 ⭕️ 단체 채팅방(ro...
9.[새싹X코딩온] 2차 프로젝트 (1)
2023-12-26 (1일차) : 주제 선정이 제일 힘들다... 📌 To Do 주제 선정 : 강아지 커뮤니티 세부 기획 ERD 설계 API 명세서 작성 이전 프로젝트에서 API 명세서에 url과 method만 작성했는데 이번에는 req.body, res.data 컬럼을 추가해서 프론트엔드와 백엔드가 정확히 어떤 데이터가 필요한지 한 눈에 확인할 ...
10.[새싹X코딩온] 2차 프로젝트 (2)
2023-12-29 (4일차) 📌 To Do 로그아웃 채팅 관련 (sequelize, SQL) 💡 Try > cors CORS는 Cross Origin Resource Share의 약자이다. 여기서 Origin은 서로 다른 호스트와 포트를 포함한 데이터의 출처를 말한다. CORS 정책은 일단 Origin이 다르면 데이터 통신을 막는다. 따라서 ...
11.[새싹X코딩온] 2차 프로젝트 (3)
2024-01-02 (8일차) 📌 To Do DB 반영 채팅방 입장 채팅방 나가기 채팅방 삭제 채팅메세지 생성, 조회 socket(room 입장, 퇴장, 채팅) 💣 트러블 슈팅 DB에 채팅방 생성하듯이 처음에는 소켓도 채팅방을 생성하고, 입장해야 한다고 생각하고 코드를 작성했는데 그렇게 생각하고 작성하다보니 socket.join()...
12.[새싹X코딩온] 2차 프로젝트 (4)
2024-01-03 (9일차) 📌 To Do 유기동물 API 💡 Try > 공공데이터 API 유기동물 현황 API : https://www.data.go.kr/data/15098931/openapi.do#/tablayerdetail_function 공공데이터를 이용해 유기동물 정보를 axios get요청으로 받아서 정보를 가공해서 프론트에 넘...
13.[새싹X코딩온] 2차 프로젝트 (5)
2024-01-05 (11일차) 📌 To Do multer 파일 저장 규칙 설정 회원 정보 조회 💡 Try > 회원 정보 조회 프로필 페이지에서 회원 정보(닉네임, 프로필 이미지, 강아지 이름, 강아지 정보 등)를 확인 할 수 있도록 프로필 이미지가 없을 경우, 기본 이미지 삽입 💣 트러블 슈팅 > multer 프로필 이미지를 수정하거...
14.[새싹X코딩온] JAVA | 클래스 상속
클래스의 상속 부모 클래스에서 정의된 필드와 메소드를 자식클래스가 물려받는 것 Java는 다중 상속을 허용 X -> 부모클래스 오직 하나! 클래스 상속 예시 아래와 같이 클래스를 정의 했을 때, "말하기, 먹기, 걷기, 잠자기" 의 행동을 동일하게 사용함 Person이라는 부모클래스를 만들고, Student, Researcher, … 클래스에서 상...
15.[새싹X코딩온] JAVA | 추상 클래스와 인터페이스
추상 클래스와 추상 메소드 추상(abstract) 실제 간의 공통되는 특성 ex. 삼각형, 원, 정사각형... 이들의 공통점은 도형으로, 도형은 실체들의 공통되는 특성을 갖는 추상적인 것! 추상 클래스 하나 이상의 추상 메소드⚠️를 포함하는 클래스 객체의 공통적인 특징을 추상화해서 추상 클래스에서 정의하고, 이를 상속받는 자식클래스에서 해당하...
16.[새싹X코딩온] JAVA | 제네릭과 컬렉션
Wrapper Wrapper 클래스 8가지 기본 자료형을 객체로 표현하기위 해 제공되는 클래스 포장하고 있는 기본 타입은 외부에서 변경할 수 없으며, 객체로 생성하는데 목적이 있음 | 기본 타입 | 포장 클래스 | | :- | :- | | byte | Byte | | char | Charcter | | short | Short | | int | ...
17.[새싹X코딩온] Spring | spring 입문
🌱 Spring Spring Boot 프로젝트 시작하기 https://start.spring.io/ spring boot 기반으로 spring 관련 프로젝트를 만들어주는 사이트로 해당 사이트에서 원하는 라이브러리를 선택 후 프로젝트 생성한다. > 주의! IntelliJ 에서 프로젝트 열기 압축 풀어서 인텔리제이에서 파일을 열 때 scr/ 폴더가 프...