하루 한 걸음, 개발 블로그

👊🏻 오늘 한 일 10시 언어 스터디 발제 11시 자바스크립트 언어 스터디 참여 알고리즘 문제 13 - 24번 TIL 쓰기 [혼자 공부하는 자바스크립트] Ch 6-1 😲 오늘 느낀 점 어제까지만 해도 진도가 너무 안 나가서 답답하고 이렇게 푸는 게 맞는지 고민하다가 함수 찾아서 써보고 안 풀려서 절망하다가 결국 해설을 찾아보고 이해하고의 반복이었다. 그런데 오늘 계속 붙잡고 풀어보니 신기하게 점점 감이 잡혀서 신기했다. 함수를 어떻게 검색하는 것인지, 어떤 함수들을 써야 하는 것인지 점점 알 것 같다. 아직 level 1, 2 병아리 단계라서 풀 수 있었겠지만 그래도 뿌듯했다. 지금 몸 컨디션이 떨어진 게 느껴진다. 오늘은 이제 그만 자고 내일 일찍 일어나야겠다. 자려고 했는데 내일 자바스크립트 발표 준..

ㅇ 오늘 한 일 자바스크립트 공부 알고리즘 6부터 12번까지 풀기 WIL 쓰기 ㅇ 오늘 느낀 점 알고리즘 문제 풀기...어렵다! reduce(), map(), => 등 여러 함수들을 많이 알수록 빠르고 쉽게 풀 수 있다는 걸 느꼈다. 어떻게 찾아가며 풀고는 있지만 너무 재미가 없다... *첫 항해를 시작하고 이번 주에 배운 점 : 정말 똑똑하신 분들이 많다는 걸 알게 되었다. 항해 시작 전후로 시간의 밀도가 다른 것 같다. 나도 미리 공부를 했어야 하나 후회가 됐다. 프로젝트에서 JWT가 어떤 것인지 원리는 배웠지만, 직접 해보지 않아서 나중에 혼자서라도 해봐야겠다. 그래도 API와 프론트와 서버가 어떻게 데이터를 주고받는지는 알게되었다. ㅇ 오늘의 칭찬 오전에 운동했음. 알고리즘 문제 최소 목표 넘겨서..

ㅇ 오늘 한 일 자바스크립트 공부 알고리즘 1번부터 6번까지 풀기 (5번까지 제출하고 6번은 너무 안풀려서 내일 다시 할 예정) TIL 쓰기 ㅇ 오늘 느낀 점 추상적인 개념을 이해하거나 문제해결과정을 생각하는게 생각보다 시간이 훨씬 많이 걸렸다. 어제 제출한 과제에서 부족했던 부분을 보충하고 복습 겸 다시 읽어보니 이미 늦은 오후였다. 내일은 알고리즘 문제 풀이에 집중해서 최대한 많이 풀어놓아야겠다! ㅇ 오늘의 칭찬 어려워도 다시 읽고 찾아보며 혼자 정리하는 시간을 가졌다. ㅇ 오늘의 아쉬운 점 오후내내 조용히 앉아있으니 살짝 집중력이 흐려졌다. ㅇ 내일 할 일 알고리즘 문제 풀기 - min 11번 max 28번 TIL 쓰기

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 동적 타입 - JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. let foo = 42 // foo가 숫자 foo = 'bar' // foo가 이제 문자열 foo = true // foo가 이제 불리언 2. JavaScript 형변환(type conversion) : 함수와 연산자에 전달되는 값이 적절한 자료형으로 자동 변환되는 과정 문자형으로 변환 은 무언가를 출력할 때 주로 일어납니다. Str..

✔️ Front ⭐️ RESTful API 공부! Post db에 저장 Get db에서 불러오는 것 RESTful API 에 대해 더 공부해보면면 이해가 될 것임 ⭐️ 인라인 vs style 어떻게 다를까? 화면이 그려지는 과정=랜더링 브라우저에서 랜더링을 하기 위해 진행하는 여러 과정이 있는데, 이 때 인라인 요소와 스타일로 속성 준 것에 따라 차이가 있음 ⭐️ Font 브라우저가 폰트파일을 다운로드 받아서 보여주는데, 눈누처럼 웹폰트 방식으로 보여줄 수도 있고 폰트 파일 자체를 프로젝트 폴더에 넣을 수도 있고, 로컬 환경 사용자가 쓰는 곳에 넣어놓고 쓸 수도 있음! - 유저가 접속한 로컬 환경에 그 폰트가 없으면 어떤 폰트를 적용할 것인지? - 크로스 브라우징: 브라우저마다 폰트 규격이 안 맞는 / ..

SSR(Server Side Randering) Q : 서버 사이드 렌더링을 왜 쓸까? A: 서버 사이드 렌더링을 쓰는 목적은 크게 "검색 엔진 최적화"와 "빠른 페이지 렌더링"입니다. 검색 엔진 최적화란 구글, 네이버와 같은 검색 사이트에서 검색했을 때 결과가 사용자에게 많이 노출될 수 있도록 최적화 하는 기법입니다. 특히, SNS에서 링크를 공유했을 때 해당 웹 사이트의 정보를 이미지와 설명으로 표시해주는 OG(Open Graph) Tag를 페이지 별로 적용하기 위해서는 서버 사이드 렌더링이 효율적입니다. Session과 Token의 차이점 1. 세션과 토큰을 사용하는 이유 유저가 로그인을 시도할 때 서버상에서 일치하는 유저 정보를 찾았다면 인증 확인의 표시로 서버에서 클라이언트로 세션이나 토큰을 발..

OTT Planet에 방문하셔서 재밌는 콘텐츠 물어가세요❗️ http://ottplanet.shop/main 기능 소개 : OTT 별 오늘의 화제작 정보를 조회할 수 있습니다. 회원가입시 랜덤 닉네임으로 내가 감상한 컨텐츠에 대해 추천 리뷰를 남길 수 있습니다. 다른 사용자가 작성한 리뷰 보고 컨텐츠를 추천받을 수 있습니다. 1. 제작 기간 & 팀원 소개 제작 기간 : 2022.11.14 ~ 2022.11.16 팀원 : 김규리, 신승호, 채하은, 최수빈 2. 시연 영상 https://www.youtube.com/watch?v=W72owmCVL0U 3. 와이어프레임(초안) 4. 기술 스택 Frontend : HTML5, CSS3, JavaScript, Jquery, Ajax, Swiper(slide) Ba..

⭐️ TROUBLE SHOOTING 1. 문제: 콘텐츠 한 줄 평 show_comment()함수로 ajax콜 GET타입으로 받아도 화면에 출력 안 됐음. 해결: url을 /main이 아니라 api/main이라고 명확하게 적으니 출력됨. 2. 문제: Ott platform 버튼을 클릭할 때마다 버튼의 글자(Netflix, Wavve, What를 가져오려고 했다. javascript onclick으로 tempHtml 함수를 사용하니 텍스트가 출력되는 것은 console.log()로 확인이 됐다. 그런데 db에 저장하지 않으면 새로고침시 데이터가 날라갔다. ajax콜로 db에 저장을 시키니 데이터가 저장은 되는데 undefined로 나왔다. 나는 계속 '버튼 안의 글자를 저장해야해'라고만 생각해서 문제를 해결..

우리 팀 풀스텍미니프로젝트가 성공적으로 끝나서 배포가 되었다. 내일은 다같이 코드리뷰를 하고 발표준비를 할 예정이다. 나는 정말 조별과제 버스 무임승차다ㅠㅠㅠㅠ 하..솔직히 프로젝트 시작하고 이틀째에는 항해를 그만두고 혼자 공부를 더 하고 와야하는게 아닌가 상담을 받을까 진심으로 고민했다. 프로젝트가 있어도 내가 어떤 역할을 했는지가 결국 중요할 텐데 나는 정말 아무것도 아니었다. 팀원분들이 정말 멱살잡고 끌고가셔서 완성할 수 있었다. 모두 팀원분들의 덕분이다ㅠㅠ 이런 나에게 친절하게 모르는 거 설명해줄테니 물어보라고 하셨다 감동... 셋째날이 오늘 16일이다. 매번 새벽에 쓰니 날짜가 헷갈린다. 다른 분들은 꼼꼼 촘촘하게 로그인 회원가입 기능과 로그인 유효성 검사같은 부분의 코드들을 쓰며 TIL을 쓰고..

Callback function 1. forEach() 배열 내부 요소를 사용해서 콜백 함수를 호출 function(value, index, array){ } 2. map() 콜백함수에서 리턴한 값들을 기반으로 새로운 배열을 만듦 arr.map(callback(currentValue[, index[, array]])[, thisArg]) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozi..