My Tech Blog (분류 전체보기)

브라우저 위에서 동작하는 웹사이트나 웹 어플리케이션과 같은 Client들이 어떻게 Server와 통신할 수 있을까? 1. HTTP(Hypertext Transfer Protocal)Client 와 Server 이 어떻게 Hypertext를 주고 받을 수 있을 지 규약한 프로토콜Client가 Server에게 데이터를 request하면, Server는 그에 맞는 response를 Client로 보냄 2. AJAX(Asynchronous JavaScript And XML)웹페이지에서 동적으로 서버에게 데이터를 주고 받을 수 있는 기술대표적인 예로는 브라우저API에서 제공하는 XMLHttpRequest(XHR) 오브젝트가 있다.혹은 fecth() API로 간편하게 데이터를 주고받을 수 있다.  3. XMLhtm..

최근 Meta에서 대규모 개발자 해고가 이어지면서, Meta가 관리하는 여러 SNS 플랫폼에서 서비스 장애가 발생하고 있습니다. 지난 12월 12일, 인스타그램, 페이스북, 스레드 등 Meta의 주요 플랫폼에서 많은 사용자들이 스크롤, 게시물 작성, 메시지 전송 등의 기능에 문제를 겪었고, 일부 사용자들은 계정에서 로그아웃되는 상황까지 발생했습니다. Meta는 요즘 사용들이 가장 많이 사용하는 SNS를 관리하고 있어요.- Facebook 페이스북- Messdnger 메신저- Instagram 인스타그램- Threads 쓰레드- What'sApp 왓츠앱 우리가 매일 사용하는 SNS에 장애가 오면 너무나도 불편하겠죠? 이러한 서비스 장애는 대부분 Meta 내부 시스템의 문제로 인해서 발생합니다. Meta 측..

엑셀을 사용하다보면 현재 커서가 어디에 있는지 찾기 어려울때가 많다. 셀을 선택하면 해당 셀의 행과 열에 색상이 입혀지는 하이라이트 기능을 만들어보자.참고로 엑셀 2007 이상에서만 지원하는 기능이다. 이 기능은 두 가지 방법으로 만들 수 있다. ⭐ 조건부 서식 활용하기⭐ 매크로 활용하기 1. 조건부 서식먼저 클릭하면 하이라이트 효과가 나오게 할 영역 지정하기 ctrl + A로 전체영역 선택해도 되고 특정 영역을 드래그해도 된다. 상단 리본메뉴 > 조건부서식 > 새 규칙 > 수식을 사용하여 서식을 지정할 셀 결정 서식 지정 란에 아래 함수 복사해서 붙여넣기=OR(CELL("ROW")=ROW(),CELL("COL")=COLUMN()) 서식(F) 클릭 - 채우기탭에서 원하는 색상 지정 (나는 연한 ..

1. 소스트리 들어가서 최신 상태에서 브랜치를 하나 만들기 이름은 충돌 연습용이니까 conflict라고 해 주었다.이렇게 브랜치를 생성해주면 checkout이 자동으로 된다. 2. 이제 conflict에서 에디터를 열어서 파일을 수정하고 커밋 해 줌 3. 마스터에 체크아웃 하고 에디터로 글 수정 후 커밋 여기부터는 티스토리가 저절로 로그아웃되면서 스크린샷 한게 싹 날아감...master 체크아웃한 상태에서 conflict 병합하면커밋하지 않은 변경사항이 있다고 뜨면서 아래에 스테이지에 올라간 파일 영역에는 느낌표 아이콘이 뜸충돌이 난 것!  1. pull 충돌해결법1-1. 에디터에서 해결- Shift + delete(라인지우기) 직접 수정하거나- 하단의 Resolve in Merge Editor 클릭왼쪽..

📑 1. 문제설명💡 2. 접근방식문제에서 주어진 매개변수- 수열을 나타내는 정수 배열 `sequence`- 부분 수열의 합을 나타내는 정수 `k` 조건을 만족하는 부분 수열의 시작 인덱스와 마지막 인덱스를 배열로 return하는 solution 함수를 작성하는 문제 투포인터, 슬라이딩 윈도우 알고리즘으로 푼다.- start: 윈도우의 시작 인덱스- end: 윈도우의 끝 인덱스 (or 다음 탐색할 위치) `투포인터`하나의 포인터는 배열의 시작을, 다른 하나는 배열의 끝을 가리키며 시작특정 조건을 만족하는 구간을 찾는것이다.  `슬라이딩 윈도우 알고리즘`부분 배열, 부분 문자열 문제에서 자주 사용되는 알고리즘으로 조건을 만족하는 구간을 찾거나, 고정된 크기 구간의 합계, 최대값, 최소값 등을 구할 때 유..

1. 문제이클립스 에서 작업한 내용을 내 레파지토리로  푸쉬하려고 하는데 아래 경고창이 뜨면서 안 됨Can't connect to any URI:내 깃허브 레파지토리주소 git: not authorized 인증되지 않은 사용자라서 내 레파지토리에 접근할 수 없는 것이다.  2. 원인깃허브(GitHub)에서는 기존의 아이디, 패스워드 인증을 없애고 ID/Personal Access Token 으로 인증방식을 변경했다. (2021.08.13) 이클립스에서 깃허브 연동에는 성공해도Personal Token을 등록하지 않으면 저렇게 됨. 깃허브에서 토큰 받아서 등록 해 주자 3. 해결법3-1. 토큰 생성하기GitHub 홈페이지 접속 -> 오른쪽 상단 프로필 -> Settings > Developer settin..

1. 이클립스에 깃허브 연동하기 상단메뉴 [Window] - [Show View] - [Other] [Git] - [Git Repositories] - 마우스 우클릭 [Clone a Git Repository] URI: 내 깃허브 레파지토리 URI (HTTP)User  & password : 내 깃허브 아이디와 깃토큰 입력하고 [Next] - [Finish] 깃허브와 연동하고자 하는 프로젝트 마우스 우클릭 [Team] - [Share Project..] 클릭 Repository: 아까 Git Repositories에서 만들어 놨던 경로를 클릭 그리고 [Finish] 커밋하려면 프로젝트 마우스 우클릭 [Team] - [Commit]  - [Unstaged Chages] 에 있는 파일들을 상단 [++] 을 ..

꾸미기 라고 하기에는 소소하지만부트스트랩 속성 공부하는 시간 네비게이션바 아래 메인 영역에 부트스트랩으로 소개글 추가main영역이라고 해야 할지 content 영역이라고 해야 할지 1. 소개글 추가 `jumbotron`페이지 내에서 강조하는 히어로 섹션이고 큰 텍스트와 여백을 기본으로 포함함부트스트랩 5에서는 Jumbotron 클래스가 제거되었기 때문에 아래와 같은 클래스를 조합해서 비슷한 효과를 수동으로 내야 한다. `rounded`요소의 모서리를 둥글게 만듬  border-radius: 0.375rem (약 6px)여기서 rounded-circle, rounded-pill 쓰면 더 극단적으로(?) 둥근 스타일 가능`display-4`텍스트를 크게 표시하는 헤딩 스타일부트스트랩의 디스플레이 클래스인데 ..