전체 글 (121) 썸네일형 리스트형 TIL: 자바스크립트의 특징 자바스크립트란 JavaScript 객체 기반의 스크립트 프로그래밍 언어. 인터프리터 혹은 just in time 컴파일 프로그래밍 언어로 일급함수를 지원한다. 자바스크립트로는 웹의 동작을 구현할 수 있다. 주로 웹브라우저에서 사용되지만 Node.js같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. 현재 자바스크립트의 최신 표준은 2015년 발표된 ECMAScript6. just in time : JIT 컴파일 또는 동적 번역은 프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일 기법이다. 일급 함수 : 함수를 다른 변수와 동일하게 다루는 언어를 일급 함수를 가졌다고 표현. 일급 함수를 가진 언어에서.. TIL: 프로그래밍, 컴파일러와 인터프리터 프로그래밍이란? 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 해결해야 할 문제(요구사항)를 명확히 이해한 후에 적절한 문제 해결방안을 정의할 필요가 있다. 0과 1 밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구를 설명하는 작업이며, 그 결과물이 바로 코드이다. 컴파일러, 인터프리터? 컴파일러란 특정 프로그래밍 언어로 씌여진 프로그램 을 다른 프로그래밍 언어로 옮기는 언어 번역 프로그램을 말한다. 컴파일러는 고급 프로그래밍 언어를 실행 프로그램으로 만들기 위해서 저급 프로그래밍 언어로 바꾸는데 사용된다. 원래문서 (소스코드 혹은 원시코드) => 출력된 문서 (목적코드) 인터프리터란 프로그래밍 언어의 소스코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다... TIL : useMemo, useEffect, useCallback 각 사용법, 차이 invalid Hook call 에러가 나는 원인에는 여러가지가 있는데 Hook에 대해 잘 모르는 상태로 쓸 때 에러 확률이 높다. 특히 커스텀 Hook을 만들어 사용할때! Custom Hook을 쓰는 이유는 use로 시작하는 여러가지 Hook을 하나로 묶기 위함임. useEffect 목적 : 뭔가가 바뀌면 어떤 동작을 자동으로 실행하기 위해 사용한다. 인자 인라인 콜백함수: 의존성 리스트에 있는 항목 중의 하나가 업데이트 되면 실행시킬 동작 의존성 리스트: 이 리스트에 있는 요소가 업데이트되면 콜백함수를 다시 작동. useEffect(()=>{어떤 동작},[뭔가]); 사용 예 useState와 함께 사용하는 예시 const [ state, setState ] = useStae('idle'); //프로세.. TIL : 카카오맵 지도 범위 재설정 하기 (Trouble Shooting, 코드리팩토링 ver.2) 내가 짠 코드를 리펙토링하면서 실전프로젝트에서 쓰는 카카오맵을 지도 범위 재설정을 해주었다. 예전 코드는 맵이 보여지는 컨테이너를 삼항연산자를 이용해 어떤 경우에 무슨 좌표를 보여 줄 지를 결정했다. 예전 맵 예외처리에 관한 포스팅 TIL : React 카카오 api 맵 예외처리, 카카오맵 중심좌표 이동시키기 실전 프로젝트 3주차. 벌써 반이나 지나갔다. 개발하고있는 어플리케이션은 여행후기공유 플랫폼이고 Minimum Viable Product (MVP)는 1. 소셜로그인 (네이버, 카카오) 2. 회원가입시 여행관련 관심사 선 nonjee888.tistory.com 예전에 맵을 보여주는 방식은 일일이 center 좌표를 데이터에서 뽑아내서 찍어주는 방식이었다면 이번 리펙토링은 라이브러리에서 제공하는 샘플.. TIL : JavaScript 데이터타입 자료구조를 알아보자. 원시값 : 객체를 제외한 모든 타입은 불변 값을 정의한다. 이를 원시값이라고 한다. Boolean : true or false Number: 1. 배정밀도 부동소수점 숫자 (double precision floating number) 로 알려진 64비트 형식의 IEEE-754에 저장. 2. BigInt : 일반적인 숫자는 2⁵³ 이상이거나 - 2⁵³ 이하일 수 없다는 제약 때문에 BigInt라는 새로운 자료형이 만들어짐. 아주 특 별한 경우에만 사용됨 null : 어떤 값이 의도적으로 비어있음을 표현한다. 불리언 연산에서는 거짓으로 취급된다. undefined: 값을 할당하지 않은 변수는 undefined값을 가진다. 그리고 메서드와 선언도 평가할 변수가 값을 할당받지 않은 경우에 .. TIL : dangerouslySetInnerHTML, DOMPurify 실전 프로젝트 첫째 주, 와이어 프레임 피드백을 받으면서 튜터님이 HTML 데이터를 받아와 그대로 코드에 삽입하려면 보안 문제 때문에 "ㅇㅇ" 처리를 해야 한다고 하셨는데, 그게 뭔지 몰라서 한참 구글링을 하다가 아~모르겠다 하고 잊고 있었다. 그리고 한 3주가 지난 오늘 어쩌다가 블로그 글을 읽는데, dangerouslySetInnerHTML과 보안 문제에 대한 것이었다. 게시글 상세조회페이지를 만들 때, HTML을 코드에 삽입하려면 dangerouselySetInnerHTML을 코드에 삽입하고 __html 키로 객체를 전달하면 된다는 것 까지는 알아내서 상세 게시글 조회까지 했는데, 이 키워드로 검색을 해 볼 생각은 그때 못했다. 오늘 어쩌다 발견해서 얼른 적어놓는다. React dangerously.. 실전 React 프로젝트 내돈내여 | 11주차 WIL : 중간 발표, 모르는게 너무 많아. 중간 발표는 그럭저럭 잘 넘어갔다. 지난 3주간 쭉 멘토링을 해주시던 멘토님이어서 그런지 피드백이 긍정적인 편이었다. 쓴소리를 기대 했는데 잘 하고 있는 것 같다는 평가를 들으니 기분이 정말 좋은데 또 마냥 좋지 만은 않다. 나는 진짜 잘하고 있는것 같지가 않다. 어쩔 땐 좀 괜찮은것 같은데? 싶다가도 기초적인 부분에서 엉뚱한 소리를 하고 고개를 갸우뚱하는 내 자신이 마치 속 빈 강정이 된 느낌임. 오기가 생긴다. 갑자기 일 못해서 자괴감이 들었던 옛날이 떠올랐다. 그땐 정말 나한테 열이 받아서 쉬는 시간에 쉬지도 않고 일했다. 아직 공부한지 2달밖에 안되었는데. 진짜 신입때 일하면서 삐걱거리던거 생각하면 지금은 아주 빠르게 성장하고있는것같은데. 조바심이 자꾸 난다. 나는 새로운 일에 익숙해지는데 시간이.. 실전 React 프로젝트 내돈내여 | 10주차 TIL : 웹어플리케이션 내돈내여 중간 발표 전 정리 주요기능 진짜 여행 후기를 공유하는 것이 주 기능. 1. 소셜 로그인/회원가입 ⭕ 2. 여행 취향 분류 - 여행지 추천 (혼자여행, 친구, 가족, 연인, 여행 예산 별 추천) ...ing 3. 내 여행일정 관리 / 관심 게시물 관리 / 내 작성 게시물 / 프로필 설정 ⭕ 4. 게시글 검색 기능 ⭕ 5. 스토리 기능 (동영상 공유) ...ing 6. 신고 기능 ⭕ 7. 게시글 기능 (사진, 텍스트, 총 지출 금액 등 올리기) 수정, 삭제 ⭕ 8. 게시글 추천수, 좋아요, 최신 순 정렬, 태그 별 정렬 ...ing 9. 댓글 기능 ⭕ 서비스 아키텍쳐 Github-flow 전략 master: 실제 배포가 될 브랜치 semi: 각 멤버의 branch들을 merge한 배포 전 테스트용 브랜치 FE member b.. 이전 1 ··· 4 5 6 7 8 9 10 ··· 16 다음 목록 더보기
