📅 싸피 11기 일정지원서 접수: 10월 23일(월) ~ 11월 6일(월)에세이 작성: 11월 7일(화) ~ 11월 18일(토)SW적성진단(OT): 11월 12일(일)적성진단(전공자): 11월 19일(일)에세이 & 적성 결과 발표: 11월 28일인터뷰: 12월 6일(수) ~ 12월 12일(화)결과 발표 : 12월 21일교육 기간: 2024년 1월 ~ 2024년 12월 📝 지원서 작성 사항학위: 인경기 4년제 학사 졸업예정전공: 전공자 - 컴퓨터공학과학점: 4점 극초반어학: x ⏰ 준비 기간에세이 작성: 2일코딩 테스트: 사전학습 + SWEA 8일 풀이인터뷰 준비: 일주일 🤷‍♀️ 싸피 지원 이유졸업작품을 하면서 부족함을 많이 느꼈다. 개발 언어를 잘 모르면서 기능 구현을 위해 부분 부분만 학습, 짜깁기 ..

안녕하세요 ~~~~~ ㅎㅎㅎ자바 전공자 트랙은 이제 싸피에서 1학기 알고리즘 구간이 끝났습니다!알고리즘 수업은 끝났지만.. 알고리즘은 계속 이어나가야겠죠?(템플릿 공유는 글의 마지막 부분에 있어요😮) 다들 알고리즘 풀이할 때나 풀이 이후에 정리하시나요?알고리즘 한 번 풀면 쭈우우욱 기억하면 좋겠지만...전 풀었던 문제도 나중에 보면 또 새롭더라구요... 과거에 파이썬으로 알고리즘 풀 때 노션에 정리했었는데 최근에는 급급하게 문제 푸느라 따로 정리를 안 했었어요..!그랬더니 비슷한 유형의 문제를 봤을 때 희미하게 생각나서 풀었던 거 다시 보고 싶을 때 정확히 어떤 문제인지도 헷갈렸어요..ㅠ^ㅠ 예전엔 이런 방식으로 정리했었는데 점점 문제가 많아질수록 찾기도 힘들고 보기도 힘들더라구요..ㅋㅋ저때는 노션..

🧐관통 프로젝트?1학기 마지막에는 싸피에서 1학기에 배운 내용을 '관통'한다는 의미에서 관통 프로젝트를 진행해요~!이전에도 관통 프로젝트를 위한 관련 실습을 진행하긴 하지만, 찐 관통 프로젝트는 싸피에 와서 처음 진행하는 프로젝트예요.전공자 반의 경우에는 여행, 부동산 중에 주제를 선택하는데, 저희팀은 여행을 주제로 선택했습니다!아무래도 여행을 좋아하기도 하고, 집을 구해본 경험도 없기에 여행을 주제로 한 프로젝트가 더 재미있게 진행할 수 있을 것 같았어요!  🎈 프로젝트 개요1. 인원2인반에서 팀을 정하기 때문에 미리미리 반에서 누구랑 할지 정해놓으면 좋아요. 저희 반에서는 학기 초에 조사했을 때, 프론트엔드 지망자가 저밖에 없었는데요. 그래서인지 팀 정하는 시기가 왔을 때 페어오빠가 먼저 제안해 ..

Vue에서 지도를 띄우기 위해 카카오맵 API를 사용하려고 한다. 카카오맵 API Key는 여기에서 받으면 되고, JavaScript 키를 사용하면 된다.플랫폼 등록하는 것도 잊지 말자! 포트 번호가 바뀌었을 때 바보 같이 도메인 등록하는 걸 까먹었다가 삽질했다... 아래는 카카오맵에서 제공하는 기본 지도 생성 예제를 활용해서 Vue에서 지도를 띄우는 코드이다. 📄 코드 options는 카카오맵 Docs에서 확인하고 필요한 대로 조정하면 된다. 🧩 결과

1️⃣ React Quill 사용하기React Quill은 리액트의 텍스트 에디터 라이브러리 중 하나이다.위지위그(WYSIWYG, What you see is what you get)라고도 하는데, "보는 대로 얻는다"라는 뜻이다.즉, 사용자가 텍스트 에디터에서 작성하며 보여지는 그대로 출력물에서 나타나도록 한다. 📍  패키지 설치yarn add react-quill 📍 기본 코드import ReactQuill from 'react-quill';import 'react-quill/dist/quill.snow.css';interface TextEditorProps { value: string; onChange: (value: string) => void;}const TextEditor = ({val..

🚨 문제 상황Next.js로 x(구 트위터) 클론코딩하는 강의를 듣는 중 문제가 발생했다.나는 분명 강의 코드를 복사해서 내 프로젝트에 붙여 넣었는데 강의처럼 작동하지 않았다. 'use client';import { useRouter } from 'next/navigation';import Main from '@/app/(beforeLogin)/_component/Main';export default function Login() { const router = useRouter(); router.replace('/i/flow/login'); return ;}코드는 이런 단순한 코드이다.클라이언트에서 로그인 페이지(/login)로 접근할 경우, 내부적으로 router.replace('/i/flow/..

1️⃣ 데이터 은닉과 보호 (Encapsulation)정보를 보호하기 위한 대책변수는 private 접근으로 막기public은 모두에게 열려있기 때문에 누군가 정보를 바꿀 수 있다private은 같은 클래스 안에서만 쓸 수 있다공개되는 메서드를 통한 접근 통로 마련: setter / getter메서드에 정보 보호 로직 작성 🔹 객체의 생성 제어여러 개의 객체가 필요 없는 경우객체를 구별할 필요가 없는 경우 = 수정 가능한 멤버 변수가 없고 기능만 있는 경우이런 객체를 stateless한 객체라고 한다.객체를 계속 생성/삭제하는데 많은 비용이 들어서 재사용이 유리한 경우 🔹 Singleton 디자인 패턴외부에서 생성자에 접근 금지 → 생성자의 접근 제한자를 private으로 설정내부에서는 private..

1️⃣ 상속 (Inheritance)기존(상위) 클래스의 자신(멤버)을 자식(하위) 클래스에서 재사용하기 위한 것상위 클래스의 생성자와 초기화 블록은 상속하지 않는다상위 클래스의 멤버를 물려 받기 때문에 코드의 절감상위 클래스의 코드를 변경하면 모든 하위 클래스들에게도 적용 → 유지보수성 향상상속의 적용extends 키워드 사용 조상 클래스(= 상위 클래스, 슈퍼 클래스) → 자식 클래스(= 하위 클래스, 서브 클래스) 🔹 Object 클래스모든 클래스의 조상 클래스별도의 extends 선언이 없는 클래스들은 extends Object가 생략됨모든 클래스에는 Object 클래스에 정의된 메서드가 있음 🔹 다양한 상속 관계상속의 관계는 is a (kind of) 관계라고 함ex) Person is a ..

OOP is APIE객체 지향 프로그래밍(OOP, Object-oriented programming)Abstraction(추상화): 현실의 객체를 추상화해서 클래스를 구성한다.Polymorphism(다형성): 하나의 객체를 여러 가지 타입(형)으로 참조할 수 있다.Inheritance(상속): 부모 클래스의 자산을 물려받아 자식을 정의함으로 코드의 재사용이 가능하다.Encapsulation(데이터 은닉과 보호): 데이터를 외부에 직접 노출시키지 않고 메서드를 이용해 보호할 수 있다. 1️⃣ 객체 지향 프로그래밍객체주변의 많은 것들을 객체화해서 프로그래밍하는 것우리 주변의 있는 모든 것으로 프로그래밍의 대상 (사물, 개념, 논리..)객체 지향 프로그래밍주변의 많은 것들을 객체화해서 프로그래밍하는 것 🔹..

1️⃣ 변수자료를 저장하기 위한 메모리 공간타입에 따라 크기가 달라짐메모리 공간에 값(value)을 할당(assign) 후 사용 🔹 변수의 타입기본형 (primitive type)미리 정해진 크기의 데이터 표현변수 자체에 값 저장참조형 (reference type)크기가 미리 정해질 수 없는 데이터의 표현변수에는 실제 값을 참조할 수 있는 주소만 저장기본형 8개 빼고는 다 참조형임 🔹 기본형의 크기파란색의 의미정수형에서는 int가 기본, 실수형에서는 double이 기본이다byte는 8bit인데 왜 2^7까지만 처리하지?8칸 중에 맨 앞 칸은 부호 비트이기 때문이다정수 계산 시 overflow 주의필요한 수의 크기를 고려해서 int 또는 long 등 타입 선택 실수의 연산은 정확하지 않다부동소수점 정밀..