분류 전체보기(121)
-
[HTML/CSS] 웹의 동작원리
브라우저의 특징과 웹의 동작 원리 브라우저는 현존하는 브라우저끼리 조금씩 그 특징이 다르지만, 공통점이 하나 있습니다. 그것은 바로 동작 방식입니다. 브라우저는 사용자가 선택한 자원(Resource)를 서버에 요청(Request)하고, 서버의 응답(Response)을 브라우저에 띄우는(Rendering) 방식으로 동작합니다. 여기서 자원은 대개 HTML 문서이지만 가끔 PDF, 멀티미디어 등 다른 형태일 수 있으며, 자원의 주소는 URI(Uniform Resource Identifier)로 되어 있습니다. 먼저, 사용자가 웹 브라우저를 통해 찾고 싶은 웹 페이지의 URL 주소를 입력합니다. 그러면 DNS 서버에서 사용자가 입력한 URL 주소 중 도메인 네임을 검색합니다. 그리고 해당 도메인 네임에 해당하..
2023.03.20 -
Section.3 회고
🐯Section.3 회고🐯 남들보다 느리기에 더 멀리가기위해 애썼던 나름의 노력을 한 Section.3 빨리 달리지 못한다면 멀리 달려보자. 혼돈의 섹션1,2를 거치면서 멘탈적으로도, 육체적으로도 적응이 되어 훨씬 안정적이였던 시간이였다. 더이상 남들보다 뒤쳐질까봐 불안에 떨지않고, 나만의 페이스를 찾는데에 시간을 많이 쏟았다. 섹션2 회고에서 내가 개선하고자 목록들인데, 개인적으로 이 모든것을 지켜냈다고 생각한다. 더이상 동기들과 나를 비교하며 나를 몰아넣지 않았고, 실패라는 결과가 두려워 시도하지않는 일은 없었으며, 동기들과 토이프로젝트를 진행했다. 토이프로젝트에서 나온 피드백들에 대해 적극적으로 질문하며, 최대한 많은 피드백을 수용하고 개선했다. 무엇보다 동기들과 비교하는 대신, 섹션 2의 박수범과..
2023.03.13 -
코드스테이츠 섹션3 기술면접 예상질문
재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해주세요. 모든 재귀함수는 반복문으로 표현이가능합니다. 그리고, 적용할 수 있는 경우 대부분의 경우 반복문을 이용한 코드보다 더욱 간결합니다. 중첩된 반복문이 많거나 반복문의 중첩 횟수(number of loops)를 예측하기 어려운 경우 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우에 사용합니다. UI/UX ui란 유저인터페이스(사람들이 컴퓨터와 상호작용하는 시스템), ux는 유저 익스피리언스,즉 유저경험을 말하는겁니다. UI는 보편적인 인간을 모델로 분석해서 설계한다면, UX는 특정 사용자를 분석해서 설계한다. UI에서는 누구에게나 편리하고, 아름답고 유용한 소프트웨어, 즉 보편성을 지향했다면,UX는 앱의 회원가입 단계가 복잡하여..
2023.03.13 -
Unit7. [Backend] 인증 / 보안
Cookie 란? (누가만든 쿠키이~) 서버가 웹 브라우저에 정보를 저장하고 불러올 수 있는 수단. 해당 도메인에 대해 쿠키가 존재하면, 웹 브라우저는 도메인에게 http 요청 시 쿠키를 함께 전달한다. 쿠키는 클라이언트의 로컬에 저장되는 키와 값이 들어있는 데이터 파일이다. (ex. 이름,값,만료 날짜/시간(쿠키 저장기간), 경로정보 등) 쿠키는 서버에서 HTTP Response Header에 Set-Cookie 속성을 이용하여 클라이언트에 쿠키를 제공한다. 쿠키는 삭제하지않으면 사라지지 않는다라는 특성을 가지고있다. 그렇기에 장기간 저장해야 할 옵션을 클라이언트에 저장하기에 적합하다. 그럼 쿠키는 내가 삭제하지않으면 평생남아있는가? 아니다. 세션쿠키(Session Cookie)와 지속 쿠키(Persi..
2023.03.07 -
Unit6. [네트워크] OSI 7계층 모델
각 컴퓨터간 데이터를 전송할 때 컴퓨터 내부에서는 여러가지 일을 합니다. 해당 모델은 하드웨어 및 소프트웨어가 수행하는 기능에 따라 이를 7개의 계층(또는 레이어라고도 부릅니다.)으로 구분하였습니다. 각 계층은 다음과 같이 구분됩니다. 1계층 - 물리 계층: OSI 모델의 맨 밑에 있는 계층으로서, 시스템 간의 물리적인 연결과 전기 신호를 변환 및 제어하는 계층입니다. 주로 물리적 연결과 관련된 정보를 정의합니다. 주로 전기 신호를 전달하는데 초점을 두고, 들어온 전기 신호를 그대로 잘 전달하는 것이 목적입니다. e.g. 디지털 또는 아날로그로 신호 변경 2계층 - 데이터링크 계층: 네트워크 기기 간의 데이터 전송 및 물리주소(e.g. MAC 주소)를 결정하는 계층입니다. 물리 계층에서 들어온 전기 신호..
2023.03.06 -
토이프로젝트[ANI SCHO] 배포 및 서비스
ANICON PICKER => ANI SCHOOL 기존 프로젝트 이름이였던 ANICON PICKER를 ANI SCHOOL로 변경되었다. 물론 이름만 바꾼건 아니고, 프로젝트의 컨셉과 구조를 조금 변경하였다. 배포하기전에 좀 더 확실한 컨셉을 잡아놓고 싶었기에 배포예정일이 얼마 남지 않았지만 급히 수정했다. 기존에는 아래와 같이 별다른 컨셉이 없었다. 컨셉을 출석부로 잡고 동물 학교의 학생들을 직접 커스터마이징 하여 생성하는 컨셉으로 잡았다. 컨셉이 바뀌면서 구조변경과 그에따른 코드 리팩토링이 이루어졌다. 리팩토링이 끝난 모습은 아래와 같다. 배포 전 컴포넌트 구조변화 및 기능추가 컨셉이 출석부로 바뀌게 되면서 컴포넌트를 하나 더 만들어야 했다. 기존에 SelectButton컴포넌트가 App컴포넌의 자식요..
2023.03.05