데굴데굴

⚙️ 오늘 학습한 내용 안정 정렬, 불안정 정렬 🐹 오늘의 기분 정렬 알고리즘 종류는 돌아서면 자꾸 까먹게 돼서 아예 옵시디언에 각 알고리즘별로 파일을 따로 만들어 정리하며 공부하고 있다. 그러다가 안정 정렬, 불안정 정렬이라는 키워드를 보게 되었는데 뭔지 잘 모르겠어서 정리해보았다. 🗝 키워드 안정 정렬, 불안정 정렬 🗣 스스로에게 설명 중복된 값을 입력 순서에 따라 정렬하는가 아니냐에 따라 안정 정렬, 불안정 정렬로 나눌 수 있다. 안정 정렬 중복된 값을 입력 순서와 동일하게 정렬하는 방식 위 카드에서 중복되는 숫자는 5이다. 먼저 입력된 5 하트가 앞 순서로 정렬되고, 5 스페이드가 그 다음에 위치한다. 안정 정렬 알고리즘에는 버블 정렬, 삽입 정렬, 병합 정렬이 있다. 불안정 정렬 중복된 값을 입..

⚙️ 오늘 학습한 내용 css 전처리기, css-in-js 🐹 오늘의 기분 styled-components를 쓰기만 하고 막상 css 전처리와 css-in-js에 대한 이해는 상대적으로 부족했던 것 같아 정리해보았다. 비가 와서 그런가 날이 어두침침해서 너무 졸리다.. 체력살려 🗝 키워드 css 전처리기, SASS, SCSS, Less, CSS-in-JS 🗣 스스로에게 설명 우선 전에 부트캠프 하면서 정리했던 글 TIL: 2022-10-27 ⚙️ 오늘 배운 주제 Component Driven Development 🐹 오늘의 기분 월요일에 잠을 제대로 못 잤는데 그 여파가 이제서야 제대로 와버렸다. 학습 내내 너무너무 피곤했다.게다가 요즘 소화도 잘 안 돼서 haruisshort.tistory.com 프로..

⚙️ 오늘 학습한 내용 ajax, XMLHttpRequest 🗝 키워드 ajax, XMLHttpRequest 🗣 스스로에게 설명 AJAX asynchronous javascript and XML ajax는 프로그래밍 방식을 일컫는다. 자바스크립트로 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신해서 웹페이지를 동적으로 갱신하는 프로그래밍 방식 XML(Extensible Markup Language) 데이터를 저장하고 전달할 목적으로만 만들어진 마크업 언어 (w3c) 태그가 정해져있지 않고 사용자가 직접 정의해서 쓸 수 있다. 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 이전에는 서..

⚙️ 오늘 학습한 내용 블로킹과 논블로킹 🐹 오늘의 기분 블로킹은 그 다음 작업이 막히는 것, 논블로킹은 다음 작업이 막히지 않는 것으로 막연하게 이해하고 있었는데 어느 날 뉴스레터로 날아온 요즘IT 아티클을 읽어보다가 동기-논블로킹, 비동기-블로킹 방식으로도 조합되어 작동할 수 있다고 해서 아티클을 읽으며 정리해보았다. 🗝 키워드 블로킹, 논블로킹, 제어권, 호출자, 피호출자 🗣 스스로에게 설명 https://yozm.wishket.com/magazine/detail/1982/ 를 읽고 제 말로 요약해본 정리글입니다. 블로킹과 논블로킹 호출자와 피호출자의 제어권과 관련이 있는 개념 호출자 - 메인 함수 피호출자 - 서브 함수, API 예제 코드 function print() { console.log(1..

⚙️ 오늘 학습한 내용 CSRF, XSS 🗝 키워드 보안, CSRF, XSS 🗣 스스로에게 설명 CSRF (Cross-site request forgery, 사이트 간 요청 변조) 사용자가 의도치 않게 공격자가 의도한 행동을 하여 취약점을 노출시키거나 수정/삭제/생성 등을 하게 만드는 공격 기법 사용자의 세션 쿠키 또는 다른 인증 정보를 사용자 모르게 이용한다. 공격 시나리오 서비스의 기능 요청을 공격자가 만든 웹 페이지에 사용자의 인증 정보를 포함해 전송한다. GET CSRF - `` 태그 활용 POST CSRF - `` 태그 활용 공격자의 인증 정보로 사용자가 로그인하게 하는 방식이 있다. 대응 방법 referer 검증: 요청 헤더에 있는 referer 속성을 검증하여 신뢰할 수 있는 사이트에서 들어..

⚙️ 오늘 학습한 내용 자바스크립트의 동작 방식 🐹 오늘의 기분 면접 스터디를 마치고 이벤트 루프에 대해 잘 설명을 못한 것 같아서 아쉬워서 정리해보았다. 뭔가 늘 어렴풋이 알고만 있는 느낌이었는데 관련 글이나 영상을 보기만 하고 직접 정리해보지 않아서 그런 것 같다. 그림 그려가면서 직접 설명할 수 있을만큼 자주 읽어보고 연습해봐야겠다. (계속 '자바스크립트'라는 단어를 보다보니 게슈탈트 붕괴현상이 왔다...) 🗝 키워드 자바스크립트 엔진, 런타임, 이벤트 루프, 콜 스택, 힙, 태스크 큐, 싱글 스레드 🗣 스스로에게 설명 컴파일러과 인터프리터 compile: 프로그래밍 언어를 컴퓨터가 이해할 수 있는 기계어로 바꿔주는 것 (원시코드 -> 목적 코드) interpreter: 원시 코드를 한 줄씩 바로 ..

⚙️ 오늘 학습한 내용 소프트웨어 개발 방법론 🐹 오늘의 기분 짚고 넘어간 적은 있지만 두 방식의 차이를 어렴풋이 알고 있는 것 같아 소프트웨어 개발 방법론에 대해 정리해보았다. 팀 프로젝트를 하면서 요구사항이 변하는 경우가 많았어서 처음부터 기획을 꼼꼼히 했어야 하는건가 하고 후회를 했었는데, 애자일을 보니 오히려 요구사항이 변하는 것이 당연한 것이었겠다는 생각을 다시 해보게 되었다. 🗝 키워드 워터폴, 애자일, 스크럼, 트렁크 🗣 스스로에게 설명 소프트웨어 개발 방법론에 관한 내용은 전부 '커리어 스킬' 329p를 참고하였음 워터폴 waterfall 소프트웨어를 한 번에 한 단계씩 개발해나가는 방식 포함 개념 소프트웨어 개발 생명주기 (Software Development Life Cycle, SDL..

⚙️ 오늘 학습한 내용 자바스크립트 타입 변환 자바스크립트 ==와 ===의 차이 🐹 오늘의 기분 이번 주부터는 주간 회고를 한 번 써보려고 한다. 뭔가 진척이 있는 듯 없는 듯 하니까 괜히 기운이 빠지고 의욕도 사라지는 것 같다. 시간이 정말 빠르게 가고 있다는 걸 느낀다. 어제의 나보다 조금 더 나아진 하루를 보내자 🗝 키워드 타입 변환 (coercion) 자바스크립트 비교 연산자 🗣 스스로에게 설명 타입 변환 자바스크립트가 비교를 하는 경우나 연산이 필요할 때 자체적으로 타입을 변환하는 것을 말한다. 암묵적 타입 변환이 발생할 때는 그 값 자체가 변하는 것이 아니라 비교를 편하게 하기 위해 변환한 후 잠깐 쓰고 없애버린다. 원본 변수의 타입은 그대로 남아있는다. 자바스크립트 엔진은 문맥에 따라서 타입..