s00jin 님의 블로그

프리코스 1차 합격 떨어질 줄 알았던 프리코스에 1차 합격을 했다.프리코스가 끝난 이후 번아웃이 와서 한동안 공부를 거의 하지 않았다. 그러다 보니 코딩 실력이 바닥을 찍은 상태였는데,1차 합격 소식을 듣고 정신을 붙잡고 다시 공부를 시작했다.최종 코테 후기에 기출을 많이 풀라는 이야기가 있어, 기출을 많이 풀었다. 기출을 5시간 타이머를 맞춰 풀어봤지만, 시간 내에 풀리지 않는 문제들이 많아 스스로에 대한 자신감이 많이 떨어졌었다. 최종 코딩테스트이번 최종 코딩테스트는 이전 최종 코테들과는 조금 다른 방식이었다.시험 시간은 코딩 테스트 4시간 + 소감문 작성 1시간으로 구성되어 있었고, 코테 문제는 프리코스 3주차 로또 미션이 변형된 형태였다.기본 기능 구현 외에도 도전 과제로 새로운 기능을 추가하거나..

서비스를 구현하면서 추가 공부한 내용입니다.useState리액트에서 “변하는 값”을 관리하는 기능.const [timeLeft, setTimeLeft] = useState(7000);timeLeft = 현재 값setTimeLeft = 값을 변경하는 함수setState가 호출되면 컴포넌트가 다시 렌더링됨useRef렌더링과 상관없이 값을 유지하는 저장소.값 변경해도 렌더링되지 않음렌더링해도 값이 유지됨보통 setInterval ID, DOM 요소, 이전 값 저장 등에 사용const timeRef = useRef(null);useEffect“특정 상황에서 실행되는 코드”를 넣는 공간.useEffect(() => { console.log("마운트된 후 실행");}, []);의존성 배열(deps)에 따라 다..

컴포넌트, JSX리액트는 페이지 단위가 아닌 컴포넌트 단위로 나눠서 조합해서 구현함import './App.css';function App() { const name = "Soojin"; const naver = { name: "네이버", url: "https://www.naver.com" } return ( Welcome, {name} {naver.name} );}export default App;컴포넌트 만들기component 폴더 만들고 그 안에 넣음const Hello = () => { return Hello}export default Hello;export default function Hello() { return..

리액트 기초 강의를 정리한 내용입니다.리액트는 페이지 전체를 한 번에 만드는 방식이 아니라컴포넌트 단위로 조립해서 사용하는 방식리액트 작업 환경 만들기npx create-react-app my-app// my-app 부분은 작업할 디렉토리npx create-react-app .// .은 현재 디렉토리를 의미개발 시 서버 실행npm start// 리액트 실행src/index.js 파일이 실행시 처음 실행되는 파일 (메인 파일 느낌?)배포시 빌드npm run build 사용하면 build 폴더 생김npx serve -s build // -s 옵션은 build 폴더의 index.js로 시작하게 해주는 옵션위 명령어 실행하면 index.js로 시작하는 서버 배포됨컴포넌트 만들기import logo from '..

리액트 자신있게 들어가려고 했다..하지만 난 HTML, CSS만 가능한 사람…것도 기본 문법이랑 늬양스 정도만 아는… 그래서 급 드래프트로 자바스크립트 공부 먼저 했다.근데 리액트 강의를 켰더니 자바스크립트를 알아야 한다고 한다..(이런 사실도 몰랐던 엄청난 코린이….)변수와 스코프const상수선언 + 초기와 + 할당이 한번에 이루어짐재할당 불가let변하는 값한 번 선언된 변수를 다시 선언하면 에러블록 스코프var한 번 선언된 변수를 다시 선언 할 수 있음 (재선언 가능)선언하기 전에 사용 가능 (호이스팅)하지만 할당은 할당된 위치 이후부터 가능그전에 사용하면 undefined함수 스코프 호이스팅스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동 (할당 X) 변수의 생성과정선언 단계초기화 단..

자바 자료형기본 자료형 (Primitive Data Type)참조 자료형 (Reference Data Type)래퍼 클래스 (Wrapper Class)기본 자료형 | Primitive Data Type변수가 “실제 값”을 가짐타입 크기 표현 범위 타입크기표현 범위진위형boolean1bittrue / false문자형char2바이트0 ~ 65,535 (유니코드)정수형byte1바이트-128 ~ 127정수형short2바이트-32,768 ~ 32,767정수형int4바이트-2,147,483,648 ~ 2,147,483,647정수형long8바이트약 ±9.22×10¹⁸실수형float4바이트약 ±3.4×10⁻³⁸ ~ ±3.4×10³⁸실수형double8바이트약 ±1.7×10⁻³⁰⁸ ~ ±1.7×10³⁰⁸ 참조 자료형 | ..