유데미X사람인 취부캠 TIL

웅진씽크빅에서 주관하는 유데미X사람인에서 주관하는 취업부트캠프에 합격을 했다..!OT때 말씀해주시기를, 경쟁률이 무려 570:17이라 하였다.자부심을 갖고 믿음과 기대에 부응할 수 있도록 혼신의 힘을 다해 노력해야겠다고 다짐했다. (초심 잃지 않기를 제발...)오늘은

Cascading, 사전적의미로는 '계단식', '폭포가 되어 떨어지는것'이다즉, CSS의 본질적인 의미는 여러개의 스타일 규칙이 동일한 하나의 요소에 적용될 경우 어느 규칙이 우선 적용될지 정의한 것이라고 봐도 무방하다.또 CSS는 상속(Inheritance)의 원칙을

배포내 웹사이트의 코드(HTML, CSS, JS 및 기타 이미지 등)를 호스팅 서비스 서버에 업로드 하는것.호스팅원격컴퓨터(서버)에서 해당 웹사이트의 코드를 저장.호스팅 서비스에는 AWS, Netlify, Github Pages, Vercel, Google Cloud

서로다른 브랜치 혹은 서로 다른 사용자가,같은 파일의 같은 코드부분을 수정하고 병합하려고 할때 발생한다.해결방법은 충돌이 발생한 파일을 열고, git이 표시한 충돌 부분에서 어느 코드를 유지할지 결정하고 변경하면 된다. => 충돌난 부분을 작성한 팀원과 꼭 상의가 필요

우리조는 하루에 하나씩 각자 다룰 주제를 정해와서 공유하고 질문하고 하는 방식으로 진행하기로 하였다."주소창에 URL을 입력하면 일어나는 일"나는 개발자 면접질문에도 자주 나오고 지금 시점에서 한번 웹개발 메커니즘의 큰 틀을 리마인드 하면 좋겠다 싶어서 해당 주제를 선

학습내용

웹사이트 구현시 step by step으로 하자 (큰 틀을 먼저 잡고, 부가적인 것을 채워나가는 방식)페이지의 핵심정보를 생각해라 (요구사항 명확히하자)less is more (심플하고 단정하게만 하자)cf. 항상 컨텐츠에는 필요한 것 보다 많은 공간을 부여하는게 좋다

원시타입(★불변성, 데이터의 신뢰성 보장)메모리에 실제값 저장값에 의한 전달 (원시 값이 복사되어 전달)객체(프로퍼티 접근을 위해 히든클래스 방식)메모리에 주소값 저장참조에 의한 전달 (원본의 주소값이 복사되어 전달된다.)두 개의 식별자가 하나의 객체 공유 가능.함수사

학습내용 window & document

1.()2.단항 연산자(--, ++, !)3.산술 연산자(+, -, , /, %)4.비교 연산자(>, >=, <, <=, ==, ===, !==, !=)5.논리 연산자(&&, ||)6.대입(복합 대입)연산자(=, +=, -=, =, /=, %=)for ...

업로드중..

3가지 방법1\. modalIsVisible ? () : null ⇒ 참이면 : 기준 왼쪽 콘텐츠 출력 거짓이면 오른쪽 2\. if 활용3\. &&활용 : true일때만 콘텐츠 출력cf. 프로퍼티 네임 지을때도 동작에 관련한 네이밍은 on을 붙이자.전송시 모달창 닫기

데이터베이스 폴더에 있는 특정 데이터베이스를 우클릭하여 queryTool을 활용할 수 있다.SELECTSELECT \* FROM film;이렇게 전체를 select할 수도 있는데 모든 내용이 쿼리되어 데이터베이스 서버와 애플리케이션 사이의 트래픽이 증가될 수 있다.검색

학습내용 JOIN AS SQL과 NoSQL의 정의와 차이점 데이터베이스 DBMS 데이터베이스 관리시스템, 실질적인 데이터베이스를 구현할수있는 것으로, (종류로는 mySQL, postgreSQL, mongoDB 등이 있다.) 하지만

RDBMS특징SQL 쿼리언어를 사용하여 데이터 관리를 할 수 있고, 효율적인 보관이 목적이다. => 구조화가 굉장히 중요하다! 사전에 엄격하게 정의된 스키마가 있다. => 테이블 기반으로 데이터의 '관계'를 관리. => 무결성 보장, 데이터 중복방지단점수직적 확장 =>

이번 팀스터디는 한 주동안 진행할 주제와 계획을 미리 첫날에 끝내고,순차적으로 진행하여 더 깔끔하게 마무리 할 수 있었던 것 같다.데이터베이스 쪽은 많이 몰라서 스마트한 팀원들의 도움이 더 감사했던 것 같다. DBMS⇒ 데이터베이스 관리시스템, 실질적인 데이터베이스

도전을 받아들여라 Embrace the challenge실패해도 좋다. => 실패는 과정을 배우는데 필수적이다. It's okay to fail연습만이 완벽을 만든다. Practice makes perfect인내심을 가지자. Be patient즐기자 Have fun포기

intellij에서 구구단을 출력해보았다.위의 코드를 리팩터링 해보자'\*'를 X로 바꾸려면??cf. 리팩터링이란? 기능은 건드리지 않고 코드의 구조만 바꾸는 행위지금 당장은 모듈을 만들지 말라고 하셨다.절차적 vs 객체지향예를 들어 비행기를 타려고 한다.절차지향적으로

조건의 참, 거짓에 따라 다른 작업을 수행위에서부터 조건식이 참인 경우, 해당하는 문장을 실행 후 if-else문을 벗어난다.활용문제코딩 예제: 점수를 기준으로 한 A부터 F까지의 학생 학점조건문 퀴즈왜? ⇒ 조건문을 수행하며 참인 조건이 가장먼저 나오는 문을 실행하기

캡슐화함수를 입력하면 다른 클래스 코드의 잘못된 데이터를 차단할 수 있다.메서드를 통해 특정 개체에 들어갈 수 있는 것과 없는 것을 검증하는 것2단계: 비즈니스 로직을 잘 캡슐화해라이러한 비즈니스 로직또한 객체안에 캡슐화 할 수 있다.=> MotorBike 클래스 안에

DHCP: 인터넷에 접속하는 컴퓨터에 일정기간동안 여러정보를 할당하는 프로토콜⇒ 여러 정보라 하면, 네임서버주소, IP주소, 게이트웨이주소를 할당.장점PC의 수가 많아도 자동으로 ip설정을 해주기 때문에 효율적으로 사용 가능IP 충돌 막을 수 있다.단점: DHCP 서버

운영체제는 응용프로그램을 관리한다.현재 CPU를 어느 프로세스에 할당할지 결정하고(스케줄링 기능), 프로세스의 생성 및 삭제, 프로세스간 공유 자원 접근과 통신을 관리한다.한 컴퓨터를 여러사람이 사용하는 경우에 각 계정을 관리할 수 있는 기능이 필요하다. => 개인파

프로그램이 메모리에 적재되어 인스턴스화 된 것. 즉, 실행중인 프로그램.CPU 스케줄링의 대상이 되는 task와 같은 의미로 쓰인다.특징프로세스는 최소 1개의 스레드를 가지고있다.프로세스들이 동시에 실행되는게 아니라 실제로는 CPU가 context Switching하며

보편적으로 task들은 각각 서로에 대해 독립적으로 작용하지만, 몇몇은 외부의 실행에 의해 의존적으로 실행되기도 한다.Threads즉, 스레드는 유사성을 가진 모든 수행문을 동시에 실행하도록 해준다.외부서비스나 데이터 저장소로부터 데이터 입력을 기다리며 지속해서 다른

멀티프로세스는 하나의 응용 프로그램을 여러개의 프로세스로 분리하여 동시에 여러 작업을 수행 하는것을 말한다..=> 웹 브라우저는 멀티프로세스 구조를 가지고 있다.브라우저 프로세스, 렌더러 프로세스, 플러그인 프로레스 등등=> 하나의 프로세스가 죽어도 여러 개의 프로세스

학습내용 BrowserRouter 전역 상태 관리 기법

학습내용 BrowserRouter 전역 상태 관리 기법

애플리케이션 Layer의 프로토콜로 웹 서비스 통신에 이용.연결 관리 방식이 비지속 연결이다.하나의 연결당 하나의 요청만을 처리하도록 설계되었기 때문에,서버로부터 파일을 가져올때마다 TCP 3-way handshake를 해서 RTT 증가RTT 증가를 해결하기 위한 방법

REST API의 설계 규칙을 올바르게 따르는 시스템을 말한다.즉, REST API를 사용하였지만 RESTful 하지 못한 시스템일 수도 있는 것이다.REST (Representational State Transfer)즉, 자원을 이름 (자원의 표현) 으로 구분하여 해

검색엔진 크롤러? h1태그는 1개있기를 바람.=> 시멘틱태그 잘 사용하자=> 검색엔진한테 잘보여야하니까box-sizing: border-box;마진,패딩,보더에 상관없이 박스 크기를 지정된 값으로 맞춘다.요즘은 보더박스로 작업을 한다 .디자이너 분들이, 버튼 너비 20

본인이 살고있는 동네를 소개하는 웹사이트를 만들어오는 실습을 했었는데,영상을 다루는 작업을 하고 싶어서 영상물을 가져와 구현했고,전에 알게된 Swiper 라이브러리를 적용하여 이미지 및 소개글 캐러셀을 구현했다.좀 허접해보이지만... 하루만에 해오는 과제 치고는 빡셌던

리액트 실습 프로젝트 스케폴딩은 CRA기반으로 진행하였다.이외에도 CRA가 특별한 설정을 햇기 때문에 다양한 스타일 적용이 가능하다.cssJS에서 어떻게 CSS 파일을 불러올 수 있는 걸까?CRA를 통해 설치된 웹팩이 우리 모르게 해 주고 있는 것scss => 설치 방

추가: 새 요소를 배열에 추가할 때는 스프레드 연산자(...)를 사용해 기존 배열을 복사하고 새 요소를 추가해요.제거: 특정 요소를 제거할 때는 filter 메서드를 사용해 해당 요소를 제외한 새 배열을 생성해요.수정: 특정 요소를 수정할 때는 map 함수를 사용해 해

2/1 git reset —hard git add . 한다음에 git rest —hard 하면 최근에 pull한 이후로의 커밋기록을 싹날림 이렇게하고 최근 풀 다시 땡겨서 수업 들어도 될듯.Redux설치방법npm install @reduxjs/toolkitnpm

2/2 Redux의 불편함을 해결하기 위한 개선하기위한 3가지 방향 Redux 사용상의 불편함 기능상으로 좀더 inhance를 위해서 나온 서버사이드 상태관리 클라이언트사이드와 서버사이트 아키텍처로 나누어서 클라이언트를 동기화하는데 중점을 두고 서버사이드는

mutate는 useMutation을 이용해 작성한 내용들이 실행될 수 있도록 도와주는 trigger역할을 한다.mutate와 mutateAsyncuseMutation은 mutate와 mutateAsync 함수를 제공한다. 이 둘의 차이를 알아보자.mutate는 아무것

pre) 레포지토리 생성 git파일 생성 및 gitignore 설정\-D 키워드는 --save-dev와 같은 의미로, 개발과정에서만 필요하고 프로덕션 환경에서는 불필요한 것을 설치할때 쓴다.!교육과정내에서는 dist로 했음=> 보통 src에 main.ts 만들어서 테