🧹 유데미 취업부트캠프

지난 달 11월부터 서류 전형을 시작으로 코딩 테스트와 면접 전형을 통해 최종적으로 웅진 싱크빅에서 진행하는 유데미X사람인 부트캠프에 최종합격되었다 🥳🎉 오늘이 첫 날이자 OT였는데, 자세한 숫자를 기재하기는 어렵지만 33:1 이라는 꽤 높은 경쟁률을 뚫고 합

벌써 두번째 날이 밝았다 ☔️ 아직 2일차밖에 안됐는데, 체감은 2주는 된것 같다 ㅋㅋㅋㅋㅋㅋ 무튼, 오늘은 오전에 치과 진료가 있어서 검진 후 오후 수업부터 합류하였다. 덕분에 저녁까지 공부하게 되었으니 잘 되었다 😎 ✍️ Today I Learned. 01.

오늘은 HTML/CSS 기초를 마치고 호스팅&배포, Git&GitHub에 대해 공부하였다. 아무래도 한번 배웠던 내용이다보니 빠르게 학습하여 관련된 내용에 대해 추가적으로 알아보는 시간을 가졌다. 그럼 오늘도 TIL 시작 !!!!! ✍️ Today I Learned

월요일 아침이 왔다. 이번주도 가보자고 🔥Git : 버전 관리 시스템으로, 프로그램의 소스 코드 버전을 관리해주는 오픈 소스 소프트웨어 툴Github : 깃의 원격 저장소(Remote Repository)를 클라우드 상의 외부 서버에서 서비스해주는 저장소 Workin

✍️ Today I Learned. 01. CSS 가상 선택자 ✴︎ : nth-child nth-child는 부모 요소의 n번째 자식 요소를 의미 ✴︎ :nth-of-type nth-of-type은 부모 요소의 자식 요소 중 type 조건을 만족하는 n번째 자식

Today I Felt. ✍️ Today I Learned. 01. 절대 단위 vs 상대 단위 웹 개발에서 가장 전통적인 측정 단위로 사용되던 절대 단위인 px에서, 반응형 웹 디자인이 대두되면서 점차 상대 단위를 이용한 웹 사이트 스타일링이 많아지고 있다.

11월부터 12월까지 [서류 전형-코딩테스트 전형-면접 전형]을 거쳐 벌써 유데미X사람인 Starters 부트캠프를 시작한지 1주차가 되었다! 첫주는 OT와 교육 일정을 파악하고, 같은 기수의 사람들과 서로 알아가는 시간을 가졌다. 앞으로의 부트캠프 과정을 기록하고

<h2 style='color:html 선택자최상위 요소인 html 요소를 선택:root 가상 선택자(의사 선택자)문서 최상위 선택자:root 가상 선택자는 html에서 최상위 선택자이다.선택자(별표 선택자)html 문서의 모든 요소4개의 속성1) property

01. 브라우저 렌더링 과정 먼저 HTML/CSS/JS 파일이 어떻게 브라우저를 통해 화면에 보여지는지 이해하는 과정이 필요하다. > 브라우저 렌더링이란, HTML/CSS/Javascript 파일 등을 브라우저 화면에 그리는 과정을 말한다. 사용자가 브라우저에

벌써 다음주면 12월의 마지막 주다. '더워 더워'하던 여름이 엊그제 같은데 벌써 겨울이 되어 새해가 된다니 시간이 정말 빠르다. 어디서 "시간은 자신의 나이만큼의 시속으로 흐른다."라고 하는데, 그 말이 맞는것 같다. 그렇기에 이번 주의 나는 어떻게 살았는지 회고

01. DOM에 대해 ✴︎ DOM > DOM(Document Object Model, 문서 객체 모델) : HTML, XML 문서의 Programming-interface로, HTML과 Javascript가 상호작용할 수 있도록 하는 도구를 말한다. DOM은 문서의

01. DOM Event event : 이벤트 묘사하는 객체? target vs currentTarget input event > *key event > 차이점 : event가 일어나는 시점 keydown : key가 놓기 전에 event 발생 keypr

React 프로젝트는 빌드 프로세스를 사용한다. 근데 왜 React는 왜 Build 과정, 즉 코드 변환이 필요할까? 두가지 이유에 대해 알아보자.JSX : 자바스크립트 또는 타입스크립트 파일에 작성된 HTML 코드를 의미Build : JSX파일 → HTML 파일로 변

01. SQL(Structured Query Language) ✴︎ SQL이란 > SQL은 데이터베이스에서 원하는 데이터를 추출하고 분석하는 데 도움을 주는 쿼리 언어로, 데이터베이스에서 데이터를 추축하고 조작하는 데에 사용하는 데이터 처리 언어이다. 쉽게 말해,

👉 4F 회고법 > 사실(Fact): 일어난 일에 대한 객관적인 기록 느낌(Feeling): 상황에 대한 감정적인 반응 교훈(Finding): 경험을 통해 배울 수 있었던 것 향후 행동(Future action): 향후 할 수 있는 개선된 행동 01. Fact >

01. SQL의 집계함수 > 집계함수란 여러 조건을 입력해 하나의 결과를 반환하는 함수를 말한다. 💡 이때 주의할 점은 집계 함수는 SELECT절이나 HAVING절에서만 호출된다. ① AVG : 평균값 반환 전달된 값들의 평균 값을 반환하는데, 이때 주의할 점은

01. AS > AS문은 열의 별칭을 붙이는 역할을 한다. ❇︎ 기본 문법 🚨 AS문은 쿼리에서 가장 마지막에 할당된다. > 즉 WHERE 연산자나 HAVING 호출 등에서는 AS(별칭)을 사용할 수 없다. AS문은 쿼리에서 가장 마지막에 할당된다. 따라서

01. DB ✴︎ 데이터 유형(Data Type) ① Bolean true or false ② Character (문자형 데이터 타입) |데이터 유형 |정의 |:--:|:--: |CHAR(n) | 고정 길이 문자열(최대 2000 BYTE) 지정된 길이 보다 짧게

자바는 1996년 발표된 객체지향 프로그래밍 언어이다.자바는 운영체제(Operating System, 플랫폼)에 독립적이다.따라서 자바로 작성된 프로그램은 운영체제의 종류에 관계 없이 실행할 수 있다.풍부한 클래스 라이브러리(Java API)를 통해 프로그래밍에 필요한

사실(Fact): 일어난 일에 대한 객관적인 기록느낌(Feeling): 상황에 대한 감정적인 반응교훈(Finding): 경험을 통해 배울 수 있었던 것향후 행동(Future action): 향후 할 수 있는 개선된 행동이번 주는 여러모로 의미 있는 주이다.2024년 새

V8 엔진은 C++로 개발된, 구글에서 만든 가장 대중적인 자바스크립트 런타임 엔진이다.현재 Google Chrome과 NodeJS에서 사용되고 있다.자바스크립트 코드를 컴파일하고 실행한다.콜 스택을 핸들링하여 자바스크립트 함수를 특정 순서에 따라 실행한다.메모리 힙에

00. 들어가기 전에, 자바스크립트는 싱글 스레드 기반의 언어이고, 자바스크립트 엔진은 오직 하나의 콜스택을 사용한다. 즉, 한 번에 최대 하나의 작업만 처리할 수 있다. > 🧩 P1. 스레드에 대한 의문 > --- > > 1. "스레드"란 무엇인가 > > - 프

JVM(Java Virtual Machine, 자바 가상 머신)은 Java의 Bytecode를 해석하고 실행하는 역할을 한다.JVM만 설치하면 운영체제(OS)에 관계 없이 java파일을 실행시킬 수 있다.변수는 크게 네 종류로, 변수의 선언된 위치에 따라 클래스변수,

프레임워크와 라이브러리의 "사전적 정의"는 다음과 같다.컴퓨터 프로그래밍에서, 소프트웨어 프레임워크(software framework)는 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조이다. 간단히 뼈대, 골조(骨組), 프레임워크(framework)라고도

자바스크립트는 싱글 스레드 기반의 언어이고, 자바스크립트 엔진은 오직 하나의 콜스택을 사용한다. 즉, 한 번에 최대 하나의 작업만 처리할 수 있다.🧩 P1. 스레드에 대한 의문1\. "스레드"란 무엇인가프로세스(Process) : 크롬, 카카오톡 같이 실행 중인

사실(Fact): 일어난 일에 대한 객관적인 기록느낌(Feeling): 상황에 대한 감정적인 반응교훈(Finding): 경험을 통해 배울 수 있었던 것향후 행동(Future action): 향후 할 수 있는 개선된 행동비슷한 이름 때문에 비슷한 언어라고도 오해받는 &l

DOM은 Document Object Model로, HTML 문서에 작성된 코드가 화면 상 출력되고 이벤트에 반응하여 값을 입력받는 등 기능을 수행할 객체들로 실체화된 형태를 의미한다.❗️웹 어플리케이션이 거대해질수록, DOM 조작은 갈수록 더 큰 비용이 드는 것에 비

들어가기 전 JS와 JSX는 무엇이, 어떻게 다를까? 먼저 코드 생김새부터 봐보자.위 코드들을 통해 JS와 JSX코드의 문법이 살짝 다른건 확인했다. 그럼 파일 확장자명 .js와 .jsx는 뭐가 다른걸까?나와 같은 의문을 품는 사람들이 많은지, StackOverFlow

2024년 1월 5일부터 오늘 17일까지 약 2주간 Java에 대해서 공부하였다. 앞으로 1주일 정도 더 Java와 Spring에 대해 공부할 예정인데, 이 시점에서 지금까지 풀었던 Java 문제에 대해 정리해보면 좋을 것 같아 학습한 내용과 함께 정리해보도록 하자!학

변수(variable) : 하나의 값을 저장하기 위한 공간상수(constant) : 값을 한번만 저장할 수 있는 공간리터럴(literal) : 그 자체로 값을 의미하는 것1\. 정수 : int , long : 자바는 기본으로 int 를 사용한다.만약 20억이 넘을것

01. 제네릭 > 제네릭은 다양한 타입의 객체들을 다루는 메서드나 컬렉션 클래스에 컴파일 시 타입을 체크해주는 역할을 한다. > Java에서 다양한 데이터 타입을 사용하는 클래스나 메서드를 사용할 때, 코드의 재사용성과 안정성을 향성시키기 위해 도입되었다. 선언 방식은 다음과 같다. Key, Value를 사용하는 Map은 두 개의 변수를 선언할 수 있...

사실(Fact): 일어난 일에 대한 객관적인 기록느낌(Feeling): 상황에 대한 감정적인 반응교훈(Finding): 경험을 통해 배울 수 있었던 것향후 행동(Future action): 향후 할 수 있는 개선된 행동이번주 수요일 FE 스터디 주제는 리액트와 뷰로 투

Spring Container는 스프링에서 자바 객체를 관리하는 공간을 말한다. 스프링에선 자바 객체를 빈(Bean) 이라고 한다.즉 스프링 컨테이너가 개발자 대신해 빈의 생성부터 소멸까지, Bean의 수명 주기를 관리하는 공간이라고 할 수 있다.Container는 S

Spring MVC의 Controller로 사용되며, 클래스 선언을 단순화 시켜주는 어노테이션이다.Spring에서 Controller 중 View로 응답하지 않는 Controller를 의미한다.Method의 반환 결과를 JSON 형태로 반환한다.@RestControll

Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(실행 환경)으로, 주로 서버 사이드 어플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 본래 자바스크립트는 웹 브라우저 내부에서만 동작하는 스크립트 언어이다. 하지만 웹 브라우저

❗️ Information어제 있던 중간고사 시험을 위해 Java의 정석 - 기초편을 읽은 후, 필요한 내용에 대해서만 정리했습니다.따라서 각 개념들에 대해 내용이 다소 빈약할 수 있다는 점 양해해주세요. 🙇‍♀️생성자와 초기화 블록은 상속되지 않는다. 즉 멤버만 상

이번주는 여러모로 많은 일들이 있던 하루였다. 그래서 기존의 4F 회고 방식에서 벗어나 Numbering 방식으로 회고를 작성해려고 한다. 그럼 렛츠 고 !👀 썸네일은 JH가 만들어주었다 😙이번주 목요일, 드디어 중간고사가 끝났다. 시험 범위가 엄~청 광범위하다보니

React는 UI(사용자 인터페이스) 제작을 도와주는 자바스크립트 라이브러리로, cdn등을 활용해 간단히 사용할 수 있다.전통적인 웹 개발에서 HTML, CSS, JavaScript는 각각 구조, 스타일, 동작을 담당하는 역할을 해왔다. 하지만 몇가지 한계점을 맞닿드

NETFLIL를 겨냥한 NETFLEX를 VanillaJS와 React로 각각 만들어보는 시간을 가졌다.같은 화면, 같은 동작 방식이지만 VanillaJS는 정적으로 만들어진 HTML의 Node를 JS를 통해 동적으로 접근하고 생성하는 방식으로 작성하였다.그리고 Reac

먼저 Browser Storage는 왜 필요할까?서버와 클라이언트 간 통신을 위해 사용하는 HTTP는 요청과 응답으로 이루어진 하나의 사이클이 끝나면, HTTP의 특성 중 하나인 무상태성으로 인해 클라이언트의 상태를 보존하지 않는다.따라서 서버로부터 전달받은 데이터를

💡 HTTP/HTTPS는 어플리케이션 레벨의 프로토콜로 TCP/IP 위에서 작동한다.HTTP는 서버와 클라이언트가 데이터를 주고 받기 위한 웹 통신규약(프로토콜)HTTP는 암호화가 되지않은 데이터를 전송하는 프로토콜로, HTTP 프로토콜을 통해 개인 정보를 주고 받으

벌써 8주차라니…!

JWT는 JSON Web Token의 약자로, 서버와 클라이언트 간 사용자를 인증하고 식별하기 위한 토큰 기반 인증 방식을 말한다.JSON 형식(Key/Value)의 표준 규격에 따라 생성 ・ 암호화되어 복잡하고 읽기 어려운 String 형태로 저장된다.구분자 .로 구

영속성이란 데이터를 생성한 프로그램이 종료되어도, "데이터는" 사라지지 않는 데이터의 특성을 말한다.영속성을 갖지 않는 데이터는 단지 메모리에서만 존재하기 때문에 프로그램 종료 시 모두 삭제된다.메모리 상의 데이터를 영구적으로 저장하기 위해 파일 시스템, 관계형 데이터

이번주부터는 BE 과정으로, NodeJS + Express + Typescript 환경의 개발 서버를 만드는 실습을 했다. 개발 서버를 만들 때 사용한 MVC 패턴과 서버의 환경 설정부터 실습까지 정리해보자 !RequestHandlerparameter휘방성 👉 RAM