데굴데굴

⚙️ 오늘 학습한 내용 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) 자바스크립트 비교 연산자 🗣 스스로에게 설명 타입 변환 자바스크립트가 비교를 하는 경우나 연산이 필요할 때 자체적으로 타입을 변환하는 것을 말한다. 암묵적 타입 변환이 발생할 때는 그 값 자체가 변하는 것이 아니라 비교를 편하게 하기 위해 변환한 후 잠깐 쓰고 없애버린다. 원본 변수의 타입은 그대로 남아있는다. 자바스크립트 엔진은 문맥에 따라서 타입..

⚙️ 오늘 학습한 내용 styled-components의 css helper 🗝 키워드 css helper 🗣 스스로에게 설명 원티드 프리온보딩을 들으면서 센드버드 레포지토리의 코드를 추천받아 살짝 살펴봤었는데 거기서 styled-components의 상속과 css helper 함수를 적극적으로 활용하고 있었다. styled-components도 맨날 써오던 대로만 써왔어서 다른 기능을 활용해볼 생각을 하지 못한 것에 대해 반성도 조금 했다. 프로젝트에 쓰였던 버튼이 같은 스타일인데도 페이지마다 개별적으로 구현되어 있었고, 코드에서 봤던 것처럼 styled-components의 상속과 css helper를 이용해 Button.js라는 한 파일 안에서 버튼 컴포넌트들을 관리해보고 싶어졌다. 애초에 프로젝트..

⚙️ 오늘 학습한 내용 면접 스터디 및 복기 🗝 키워드 MVC 패턴, 런타임 에러, 컴파일 에러, 전역 상태 🗣 스스로에게 설명 MVC 패턴의 데이터 흐름 MVC 패턴은 모델, 뷰, 컨트롤러로 이루어진 디자인 패턴. 앱 개발 요소를 세 가지 역할로 구분해서 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발 가능 장점: 재사용성과 확장성이 용이하다. 단점: 앱의 규모가 커질수록 복잡해진다. 모델: 애플리케이션의 데이터 (ex. 데이터베이스, 상수, 변수) 뷰: 사용자 인터페이스 요소 (모델이 가지는 정보를 따로 저장하지 않고 화면에 표시하는 정보만 가지고 있어야 한다) 컨트롤러: 모델과 뷰를 잇는 역할. 이벤트 등의 메인 로직을 담당, 모델과 뷰의 생명주기 관리, 모델이나 뷰의 변경 통지를 받으면 이를..