본문 바로가기
728x90
반응형

전체 글220

[자바스크립트] Ajax 정리 ◾ AJAX - Ajax는 Asynchronous Javascript and Xml의 약자 - 서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능 - 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식 - 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고 페이지의 일부만을 로드하는 기법 - 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미 ◾ AJAX로 GET/POST요청하는 방법 1. XMLHttpRequest라는 옛날 문법 쓰기 2. fetch() 라는 최신 문법 쓰기 3. axios 같은 외부 라이브러리 쓰기 .. 2022. 11. 16.
[ToDoToday] 22년 11월 16일 수요일 📚오늘 할일 노마드코더 #7.3 Movie App part One 부터 #7.6 Parameters 까지 듣고 공부 리액트 프로젝트 전체적인 틀 만들기 2022. 11. 16.
일곱번 넘어지면 여덟번 일어나자. 이 블로그를 시작한지도 2년정도 되어간다. 그동안 나는 어떤 삶을 살아왔는가 문뜩 돌아보는 시간을 가졌다. 나는 2년동안 퍼즐같은 삶을 살아왔던 것 같다. 이게 어떤 완성품이 되는지 도대체 몇 피스짜리인지도 모르는 조각들을 만들면서 의구심만 품고 살아왔다. 포기는 하지 않았지만 항상 자신감은 없었다. 시간이 갈수록 스스로에 대한 용기만 없어지고 도전하지 못했다. 우연히 좋은 기회로 멘토링을 받은 후 내 삶은 정말 달라졌다. 지금까지 해왔던 모든 퍼즐 조각들을 맞추기 시작했고 조금씩 그 형태가 나타기도 한다. 아직은 한참 부족하다고 느끼지만 그래도 예전과는 다른 보람을 느끼고 욕심도 난다. 잘하고싶은 마음이 너무 커져서 가끔은 스스로에게 실망도 많이 하고 좌절도 많이 해서 더 힘든 하루를 보낸 적도 많지만.. 2022. 11. 16.
[ToDoToday] 22년 11월 15일 화요일 📚오늘 할일 리액트 프로젝트 memo css 마무리하기 리액트 깃허브에 올리는 방법 공부하고 블로그에 포스팅하기 노마드코더 리액트 강의 듣기 와.. 오늘 진짜 하루종일 깃허브에 리액트 올리는 방법만 가지고 애먹었다. 깃허브에 리액트 호스팅 주소 따는 방법이 검색할때마다 제각각이라서 공부하는 데 조금 헷갈리고 깃허브에서 자꾸 404가 떠서 뭐가 문제인지 한참 보고 또 보다가 지쳐서 아 그냥 깃허브는 내일 해결해봐야겠다가 하면서 저녁먹고 다시 해보니까 그냥 되네?!?! 그냥 되네?!?!?!?!? 어!??!?!?!?!?! 나 바쁜데!??!?!?!?!? 그냥 아까 바로 되면 안되는 거였니...?!?!??! 그래도 고맙다 오늘안에 되줘서ㅠ 안그랬으면 찝찝하게 오늘 하루를 끝냈을뻔했잖아ㅎㅎ 2022. 11. 15.
[도움되는 사이트] flexbox로 만들 수 있는 10가지 레이아웃 flexbox로 만들 수 있는 10가지 레이아웃 flex는 진짜 재밌고 유용한데 가끔가다가 꼬이기 시작하면 밑도 끝도 없이 꼬여버려서 너무 헷갈린다. 그럴때마다 flex의 개념을 다시 한번 익히고 아주 세밀하고 찬찬히 뜯어봐야하는 것 같다. 이 사이트는 flex의 개념을 자세히 알려주고 이해가 쉬운 그림도 나와있어서 좋다. https://d2.naver.com/helloworld/8540176 2022. 11. 15.
[오늘의 삽질] CSS - 배경색과 border 색상이 다르게 나올때 🤔 사건 경위 배경색과 상하 border에 분명 똑같은 색상을 주었는데 이렇게 다른 색이 나타났다. 😃 해결방안 border에 solid라는 기능을 넣어서 그런거였다. solid의 기능이 선을 나타내는 건데 어쨌든 같은 색상을 주는 거니까 똑같이 나타날꺼라 생각했는데 오히려 색상이 border에만 더 진하게 나왔다. 구글링을 해봐도 solid라는 기능은 테두리 선이라고만 나와있어서 정확한 이유는 모르겠지만... 어쨌든 엄청 쉬웠던 건데 어렵게 생각해서 한참 헤맸다..ㅠㅠ border-bottom: 10px solid #594e4cc4; border-top: 8px solid #594e4cc4; ↓↓↓↓↓↓↓↓↓ border-bottom: 10px #594e4cc4; border-top: 8px #594e.. 2022. 11. 15.
728x90
반응형

티스토리툴바