본문 바로가기

전체 글62

[10-11JUL, 2021] TIL 주말은 알차게!!라는 목표를 항상 가지고 시작하지만 끝은... 왜 이리 시간이 빨리 가는지에 대한 놀라움만 가득하다...😵 월요일에 더 알차게..! 달려보자✨ ✔️ CORS 정리 CORS 정리한다고 매일같이 되뇌다 주말에 열심히 해보았다. 블로깅을 하면 정말 내 것이 되는 기분이고 좋은데 시간이 오래 걸린다는 단점이 있다..ㅠㅠ 토요일에 올리고 일요일에도 수정과 추가를 거듭했다. 모든 글이 그렇지만 지금보다 더 많이 경험하고 알게 되면 부족한 부분들이 보인다. 지금도 하루 지나면 부족해 보이는데 나중에 보면 얼마나..! 물론 이때도 잘 알고 있었네 할 수도 있지만..!ㅋㅋㅋ 계속 공부해 나가면서 부족한 부분을 채우고 발전시키고 싶다! (CORS정리 얘긴데 반성과 다짐이 가득하네ㅋㅋㅋ) ✔️ 알고리즘 하루.. 2021. 7. 12.
CORS는 무엇인가?! CORS(Cross-Origin Resource Sharing) CORS는 다른 Origin(출처) 간의 리소스 공유를 허용할 수 있게 해주는 것이다. 그럼 출처가 무엇인지, CORS가 어떻게 동작하는지 알아보도록 하자. Origin(출처): 웹 콘텐츠에 접근을 할 때 우리는 URL을 통해 접근한다. 이때 URL은 이런 구성요소를 갖는다. 구성요소 중에서 Scheme(Protocol), Host, Port 이 세 가지가 바로 출처를 의미한다. (HTTP 프로토콜에서 포트 번호를 명시하지 않으면, 80번 포트를 기본 값으로 사용한다.) 그리고 이렇게 브라우저 개발자 도구의 콘솔에서 location 객체가 가지고 있는 origin 프로퍼티에 접근함으로써 실행되고 있는 출처를 알아낼 수도 있다. SOP (Sa.. 2021. 7. 10.
[09JUL, 2021] TIL 벌써 7월 둘째 주 금요일이라니..!😮 시간이 빠르다 빨라! 점점 더워져 가는데 더위도 조심하고 체력관리도 열심히 하자!💪🏻 ✔️ 중복제거 방법 며칠 전에 프로그래머스 문제를 풀다 set으로 배열의 중복을 제거하는 방법을 새로 알게 되었다. 그때 찾아봤던 자료 중 북마크 해놓았던 글이 있어서 오늘 다시 보면서 공부해보았다. How to Remove Array Duplicates in ES6 바로 이글이다. * Set (정리한 TIL) * Filter filter는 조건에 일치하는 값들만을 리턴함으로 indexOf를 사용해서 중복되지 않은 값들만을 리턴하게 할 수 있다. * Reduce ✔️ 쿠키, 세션 쿠키와 세션은 따로 노션에 정리를 하는 중이다. 다하면 블로그로 옮길 예정..! 하다가 갑자기 헷갈리는.. 2021. 7. 10.
[06JUL, 2021] TIL 코로나가 다시 심해져서 영어 스터디가 연기되었다..ㅠㅠ 오늘이 두 번째 날이었어서 아쉬웠지만 건강이 우선..! 그래서 오늘은 집콕하면서 알고리즘 강의도 듣고 문제도 푸는 날로 보냈다.📝 ✔️ Set 프로그래머스에서 문제를 풀다 중복 값을 제거해야 했는데 나는 includes()를 이용해 풀었다. 다른 풀이 중 set을 사용한 것을 보았다. set은 Set 은 ES6에서 등장한 새로운 data object로 unique 값만 저장하도록 하기 때문에 배열에 넣으면 중복 값이 사라진다. const result = [...new Set(answer)]; 그래서 이렇게 사용하면 중복 값을 제거할 수 있었다. const result = new Set(answer)로 배열을 set으로 변환하여 중복 값을 제거하고, .. 2021. 7. 7.
[01JUL, 2021] TIL 7월의 첫날은 코딩과 함께 상콤 상콤하게 시작.. 한 건가..?ㅋㅋㅋㅋㅋ7월도 달려보즈아아👩🏻‍💻✨ ✔️모듈(Module) 모듈: 여러 기능들에 관한 코드가 모여있는 하나의 파일을 말한다. (HTML, CSS, JS 등을 각각의 모듈로 본다.) export, import를 사용하면 모듈을 내보내고 가져올 수 있다. 모듈 번들링: 모듈을 하나의 파일로 병합, 압축해 주는 동작을 말한다. ✔️bootstrap alert 부트스트랩을 오늘 처음 써봤다. 워낙 유명해서 프로젝트 때 써보고 싶었지만 못했었는데 오늘 만들던 거에 추가해서 간단하게 사용해봤다. 닫을 수 있는 x도 같이 넣어보았다. 확실히 설명도 자세히 잘되어있고 사용하기 간편해서 왜 쓰는지 알 것 같았다! ✔️JSON.parse(), JSON.str.. 2021. 7. 2.
[29JUN, 2021] ENG Study 오랜만에 다시 영어회화 스터디를 시작한 날✨ 오늘은 Ash와 나를 포함해 총 4명이 함께 했다! 오랜만이라 그런지 버퍼링이 심하고 말이 잘 안 나왔지만 재밌었고 꼭 꾸준히 말을 해야겠다고 다짐도 다시 하게 되었다! 그리고 오늘 ash가 스페인어도 해서 Hola와 Que tal만 알던 나에게 Como Estas라는 문장도 알려주었다ㅋㅋㅋ 스페인어 +1 했다 :D ✔️ cap slang meaning “lie” 이다. No cap, capper도 많이 쓰인다. 우리가 몇 가지 slang을 물어봐서 알려준 것 중 하나! 두 개 더 들었는데 기억이 안 난다ㅠㅠ 다음 주에는 꼭 새로 알게 된 표현을 적어와야겠다! ✔️ I (don't) feel like~ 집에 와서 추천받은 스픽이라는 어플 통해서도 공부를 시작했.. 2021. 7. 1.
[28JUN, 2021] TIL 6월의 마지막 월요일! 오늘은 리액트의 기초를 정리하는 하루를 보냈다🙌🏻 ✔️MVC (Model-View-Controller) Model: 애플리케이션에서 사용하는 데이터를 관리하는 영역 View: 사용자에게 보이는 부분 Controller: 프로그램이 사용자에게서 어떤 작업을 받으면 컨트롤러는 모델 데이터를 조회하거나 수정하고, 변경된 사항을 뷰에 반영한다. 리액트는 자바스크립트 라이브러리로, 사용자 인터페이스를 만드는 데 사용한다. 구조가 MVC, MVW 등인 프레임워크와 달리 오직 view만 신경 쓰는 라이브러리다. 사용자 화면에 뷰를 보여주는 것이 렌더링이며 데이터가 변할 때마다 새롭게 리 렌더링을 한다. 리액트에서는 렌더 함수를 통해 최상위 컴포넌트의 렌더링이 끝나면 그 정보들을 사용하여 htm.. 2021. 6. 29.
[25JUN, 2021] TIL 오늘은 잠깐 쉬어가는 날로 영어 공부를 하는데 치중했다! 영어 공부하기 전, 프로그래머스에서 문자열 관련된 간단한 문제를 세 개정도 풀었는데 split, toLowerCase 등을 써서 금방 풀 수 있는 간단한 문제였다. 그리고 브라우저 동작 과정을 저번에 읽으면서 이해했다 생각하고 정리를 안 했었는데 오늘 말로 해보려니 못하는 것을 깨닫고..!! 간단히.. 는 안 되는 내용이지만 내가 알아볼 수 있게는 정리를 꼭 해야겠다고 생각했다..! (그래서 오늘 기록은 영어 세 문장만 남기는 걸로~!) ✔️ in no time at all 어떤 사건이 빠른 시일 내에 일어나리라는 것을 강조하기 위해 사용한다. ✔️ all in good time 모든 것에는 정해진 때가 있다는 뜻이다. ✔️ work against.. 2021. 6. 26.
[23JUN, 2021] TIL 햎삐수요일✨ 벌써 다음 주가 6월의 마지막 주여서 오늘은 7월의 계획도 미리 좀 정리를 해보았다. 공부하고 싶은 것, 해야 하는 것들을 쭉 나열하다 보니 내가 이렇게 모르는 게 많았나 하는 생각도 들면서 그래도 잘해나가고 있다는 생각이 동시에 들었다..! 뭐든 마음가짐의 차이라고 생각하며 남은 6월도 파이팅💕 ✔️ REST API REST: Representational State Transfer, API: application Programming Interface REST원칙을 적용하여 API를 설계한 것을 말한다. REST API는 각 요청이 어떤 동작이나 정보를 위한 것인지를 그 요청의 모습자체로 추론이 가능하다. HTTP 요청을 보낼 때 URI에는 자원을 표현해야한다. (동사보다는 명사를, 대문.. 2021. 6. 24.

티스토리툴바