분류 전체보기90 [모던 자바스크립트] 데이터 타입 연산자, 이런 값도 boolean이라고? ◼ 데이터 타입 연산자 null 은 object다. 처음 구현 되었을때 부터 설계된 문법이라, ECMAScript 수정제안을 했지만, 개발된 많은 사이트에 버그 문제가 된까봐 반영은 아직이라고 한다. ◼ 이런 값들고 Boolean 이구나 false true false null undefined NaN 0 '' [] {} function 음수(-123) ... false쪽에 없는 값들 다~ 2024. 3. 5. [모던 자바스크립트] 은닉 Symbol에 대하여~ js의 기본기를 끝냈다. jQuery 사용했을떼, 사용해본적이 있어서 많이 어렵지 않아 다행이였다 ㅠㅠ 아, 모던.. js. 여기가 본방이다. 우선 수업을 한번 다 ~ 들었다 아는것도 있고, 헷갈리는 것도 있어서, 다시 처음부터 들으면서 흐릿한 개념을 굳히고, 예시코드를 쓰면서 오늘 배운것을 적어본다 ◼ 모던 자바스크립트?? ECMAScript로 자바스크립트 표준 1997년에 등장 하였다. ECMA INTERNATIONAL(국제 표준화 기구)에서 규칙과 세부사항을 ECMA-262라는 문서로 관리를 한다! 2015년 ES6에서 큰변화를 가져왔으며, 1년 마다 새로운 버전을 내놓기로 하였다.그래서 2015년 이후, 이전을 나누는 용어로.ES6+라고도 한다 브라우저별로 JS의 최신버전을 적용할수 있고, 없고가.. 2024. 3. 4. [240302] og:image 안 나온다 ㅠㅠ 오늘은 위클리 미션을 하면서 meta tag 추가 하는 작업을 하였다. 자주 작성하는게 아니다 보니 여기저기 정보를 찾으며 og를 넣었는데 이미지가 안나온다 ㅠㅠㅠ 왜? ◼ og:image 왜 안나와?? 그래서 content url 문제인가?? 구글로 url 연결법을 찾아보니.. svg 파일은 지원하지 않아서 안되고, jpg, png만 가능하다. 그리고 'URL 경로'로 사이트를 꼭 넣어줘야한다! 파일의 정확한 위치가 고정되어 있기 때문이다.(수정완료!) + og 확인 사이트 [페이스북] https://developers.facebook.com/tools/debug/ [카카오톡] https://developers.kakao.com/tool/clear/og [트위터] https://cards-dev.twi.. 2024. 3. 2. [TIL:2400301] Git commit 작성하는 법?! 나는 대체 적은 인원의 회사에서 일을 했었다. 6명? 10명? 이내의 스타트업? (최근 다녔던 '핀테크'회사는 30명 정도) 그래서 퍼블리셔는 대부분 1명 이여서 혼자서 작업 다~ 하였다. 그렇게 어찌저이 해서 commit을 하고 push를 하며 작업을해 나아갔다. 나는 그게 맞는 방법인줄 알고 작업을 했다 아무도 신경쓰지 않았고, 다들 그런씩의 commit을 하고 있어서 문제가 없다 생각했다. 하지만 공부를 하다보니... 잘못된게 한,두가지가 아니였다! 이 얼마나 다행인가 ㅠㅠㅠ 이렇게 공부하여 틀린걸 고칠수 있는건 큰 기회이다!! ◼ 나의 문제점은... // 예시) commit messa 작성때 git commit -m "소개페이지 구축 작업" git commit -m "메인페이지 디자인 수정" //.. 2024. 3. 2. [TIL:240228] HTML DATASET? 잘 사용하면?! 나는 거의 대부분, 순수 바닐라 javascript보다, 제이쿼리를 많이 사용했다 그러다가 갑자기 jump!! vue에 퍼블리싱을 하고있었다. 그래서 좀 JS를 띄어 넘어간듯한 느낌이 드는데 왜지... 전혀 모르는건 아니다!(중요) 다만! 많이 사용을 안 해봤기에 어설픈거 보다는 좋으니까! 대체적으로 인터랙티브과정에서 배운거는 선택자 dom, 노드, tag 속성 이번트 핸들링, 핸들러 버블링,캡쳐링, 키보드, 마우스 등등 이벤트를 배웠다. 하나 궁금해서 오늘은 그것을 다루려고 한다 ◼ Tag에는 고유속성이 존재한다. 근데 내맘대로 속성조작을 해도 되나? 속성 수업을 듣는데, 예전에 어떤 분이 나에게 물어보았다. "tag에 속성 임의로 만들어도 되나요?" 그래서 나는. "만들어도 되지 않나요? 다른회사 개.. 2024. 2. 28. [TIL:20240227]아는데 모르는 Git(3) git의 원리와 상태에 대해 정리해 보았다. 아는데 모르는 Git(1) git의 commit, reset 기록 넘나들기 아는데 모르는 Git(2) 여기서는! branch merge pull, push 명령어 모음집(코드잇 참고) ◼ Commmit을 보니 좀 위험해 보인다. 괜찮아 우리에게 Branch가 있어. 만들어보자 원본의 코드를 폴더 통째로 복사하여 원본과 상관없이 독립적으로 개발이 가능한 공간을 의미이다. 원본은 살리면서 다른곳에서 내가 난리 부르스를 추고 삭제하고 무슨짓을 해도 원본은 변화가 없다 그러면 브런치를 만들고. 그 공간으로 넘어가보자! $ git branch 브런치 리스트 보기 $ git branch test-branch 'test-branch'라는 이름으로 브런치 생성 $ git c.. 2024. 2. 27. [TIL:20240227]아는데 모르는 Git(2) git의 원리와 상태에 대해 정리해 보았다. 아는데 모르는 Git(1) 여기서는! Commit, reset 그리고 마무리로 명령어를 살펴보자!! 찬찬히 순서대로 해보자. 나는 vscode 에디터 툴을 사용한다. ◼ git은 각각의 폴더로 저장하고 기록 할수있어! 우선 저장소를 만들자 git 저장소를 만들려면 원하는 폴더에 들어가서 명령을 내리면 된다. 아마도 '$'모양이 코드를 적으려는 커서 앞에 보이면 글씨만 작성하면 된다. $ git init 그러면 이렇게 폴더에 로컬저장소가 생긴다. 저 숨겨진 폴더가 part1의 저장소이다! 파일을 생성해본다. 파일을 생성만 하면(Untracked 상태) 이다 ◼ 'git 어서 나를 추척해서 관리해줘' 라고 git에게 말하자 git add를 하기 전에. 우선 .gi.. 2024. 2. 27. [TIL:20240227]아는데 모르는 Git(1) ◼ 내가 알고 있는 git은 어느 정도 일까? Git [겉:git이란] 분산형 버전관리 시스템이며, git플랫폼은 "github", "gitlab"등 이 있다. git을 관리하는 툴로 'Fork:,"Source Tree"등이 있다. 하나의 프로젝트에서 여러명의 개발자가 작업을 할 때 쉽게 프로젝트관리와 버전관리가가 되도록, "github", "gitlab"등의 툴을 사용한다. Git [속:code] git pull git add. git commit -m '내가 작업한 내용' git push.. 충돌시 비교하여 수정. 여기까지가 내가 알고 있는 "git"이다. End. 공부를 하며 찾아봤는데.. 내가 아는 건 정말... 개발 배울 때 기초로 누구나 다 아는 정도의 정보였다. 다행히 부트캠프로 교육을 들어.. 2024. 2. 27. [TIL:240226]SEO:검색엔진 최적화로 사이트 상위 노출?? ◼내가 생각하는 SEO는?? 포털사이트에 광고비 내고 상위에 노출되는 영역이 아닌, 순수하게 검색만으로 엄청나게 많은 사이트 중 상위로 노출이 가능하게 하는 것! 사용자의 검색 의도를 이해하고 관련성 높은 결과를 내놓는 것! SEO를 잘 이용하면 무료로 상위노출을 할 수 있다!! ~ 까지. 알고 있다. 검색엔진?? 최적화?? 뭐지?? mata tag 수업에서 SEO관련 이야기를 듣고 찾아보기로 결심했고, 알고 지나가면 좋으니까~ 간단하게라고 일반론을 알고 가보자! ◼검색엔진?? 뭐야?? 검색엔진최적화. 문구를 쪼개 보자. [검색] => 정보나 자료를 찾는 행위 [엔진] => 기계나 소프트웨어 합치면. 정보나 자료를 찾는 행위를 하는 소프트웨어이다 ◼ 검색엔진이 무슨 일을 하는데 상위로 노출을 시킨다는 거.. 2024. 2. 27. [TIL:240216] START!! 제목은 '내 머릿속의 코드' 이다! 우선 나는 말이야.. ◼ 나는 퍼블리셔였다. 하지만.. 난 [요식업]에서 [퍼블리셔]로 이직을 했다 국비로 퍼블리셔 과정을 들으며 공부하고, 겨우 30대 초반에 퍼블리셔로 일을 시작하다. 일을 한지도 3년 정도.. 요 몇 년 사이에 FE직군을 더 많이 뽑게 되며,, 퍼블리셔 직군이 예전에 비해 많이 수요가 적어졌다. 안 되겠다!라는 생각에, 나는 마지막일을 끝내고, 단기프리로 용돈을 마련한 다음에 혼자서 react js를 독학을 하기 시작했다. 수업은 노마드코더 reactjs 중급까지 결제하며 수업을 듣고 만들면서 작업을 하였다 듣는데 어려웠다 ㅠㅠ 그렇게 3개월 수업들으며 실무적인 공부를 하고, 한 달의 포트폴리오를 준비를 가졌다 시간이 생각보다 많이 걸렸기에. 나는 매우 초조하였고, 이렇게 배우고 만들면 취업이 될꺼라는 .. 2024. 2. 24. 이전 1 ··· 6 7 8 9 다음
