본문 바로가기

전체 글

 (223)
[HTML] index.html 파일 생성 및 ! emmet 명령어 분석 HTML은 문서이며, 기본 양식이 존재합니다. Hello Wolrd 메모장에 최소한의 코딩만으로도 브라우저에 원하는 내용을 출력 가능합니다. 최소한의 문서 구조를 위해 IDE에 EMMET 명령어를 사용하겠습니다 ! 또는 html:5를 사용해 주세요 아래와 같은 기본서식이 나타나는데요. 한줄씩 설명하겠습니다. 해당 코드는 첫 번째 코드로 모든 HTML 문서의 가장 최상단에 위치해 있어야 합니다. 예전에는 주석만 DOCTYPE 위에 존재해도 에러가 발생했다고 합니다. 역할은, 이 문서가 어떤 버전의 HTML로 만들어졌는지 브라우저에게 선언하는 역할을 합니다. 작성하는 시점은 HTML5 버전이며, 브라우저는 아래 코드들을 HTML5 버전에 따라 해석합니다. DOCTYPE은 HTML 태그가 아니며, 문서의 정보..
HTML block element & inline element element를 이해하기 위해선 태그를 이해해야 합니다. 태그란 Left Angle Braket(또는 Less than) 과 Right Angle Braket (Greater than)으로 이루어진 쌍을 말하며, 한국어로는 여는꺽쇠, 닫는 꺾쇠로 정해진 문자들을 감싼 것을 말합니다. 종류는 1. 시작 태그 2. 종료 태그 3. 빈 태그 등이 있습니다 시작 태그 ex) 종료 태그 ex) 빈 태그 ex) 시작 태그부터 종료 태그 까지를 element(요소)라고 하며, 빈 태그도 요소에 포함됩니다. HTML은 문서를 작성하는 마크업 언어이며, element들의 모음이라고 볼 수 있기 때문에 중요합니다. semantic markup 이란 element를 의미 없게 사용하지 말고, 브라우저와 개발자 모두 의미 있..
프로젝트 경험 본인이 지금까지 했던 프로젝트 소개 또는 기억에 남는 프로젝트 및 경험 설명해주세요 프런트 엔드 부분 프로젝트 잔고 어때 바닐라 자바스크립트로 구현 + 크롬 익스텐션을 사용해서 웹사이트에 방문하지 않아도 사용할 수 있게 함 stack : javascript rich boys 프레임워크 사용 + API를 실시간으로 가져와서 화면에 출력 + api 요청을 1분에 60회 요청을 하다 보니 비정상적인 접근이라고 판단 (임시방편으로 요청 횟수를 줄였는데, 어떻게 해결할지 고민) stack : angular airbnb clone 백엔드 + 프런트엔드 + ios 팀 프로젝트를 하였고, 백엔드를 공통으로 두되 ios와 프런트가 데이터를 가져와서 화면을 구성하는 일을 하다 보니 서로의 니즈가 달라지는 사건이 발생 협업..
사람이 다른 동물과 구별되는 점은? '상징 체계'를 만들고 공유하는 것 ex)언어, , 음악, 문자, 수학 -> 상징체계를 만들고 발전시켜 다음 세대에게 물려준다. ㅡ> 추상화 필요 abstraction (추상화 뽑아낼추, 모양상) -> 대상에서 특징만 뽑아냄 '추상들을 뽑아내, 공유하고 발전시킨다' 이게 다른 동물과 구별되는 사람만이 가진 고유한 능력 참고자료 https://www.slideshare.net/plusjune/ss-46109239
배정밀도 64비트 부동소수점 형식의 2진수 console.log(0.1+0.2) 결괏값이 무엇일까요? console.log(0.1 + 0.2 === 0.3) 결괏값은 무엇일까요? 0.3을 예상한 것과 다르게 알 수 없는 값이 나온 후 undefined라는 완료 값이 나옵니다. 완료 값이란? https://hbsowo58.tistory.com/459 완료값에 대하여 완료 값에 대한 질문을 받았는데, '표현식이 아닌 문은 언제나 undefined를 출력한다' 호이 스팅 관련인 줄 알았는데, '선언문'과 '표현식', '값'과 '평가'에 대한 이해가 필요한 문제였습니다. hbsowo58.tistory.com 0.1과 0.2를 더한 값을 0.3 같으냐를 물으면 false라는 기적의 결과가 나타납니다. 자바스크립트에서 데이터 타입은 총 7가지가 있고, 두 ..
완료값에 대하여 완료 값은, '선언문'과 '표현식', '값'과 '평가'에 대한 이해가 필요한 문제입니다. 완료 값(Completion value)이란, 크롬 개발자 도구에서 표현식이 아닌 문은 언제나 undefined를 출력한다. 이를 완료 값(Completion value)이라 한다. 완료 값은 다른 값과 같이 변수에 할당할 수 없다. 파이어폭스, 엣지 브라우저에서도 동일한 완료 값이 나오는 것을 확인할 수 있습니다. 그런데 값, 평가, 표현식, 선언문에 대한 이해가 없으니, 완료 값의 정의인 '표현식이 아닌 문'에 대하여 이해를 못 하신다고 판단됩니다. 그래서 표현식에 대한 정의를 이해하셔야 됩니다. 표현식(expression)은 값으로 평가될 수 있는 문(statement)이다. 즉, 표현식이 평가되면 값을 생성하..
커밋 메시지 기본 [commit type]: [commit message] ([jira ticket number?]) commit type feat 새 기능 구현 feat: 예치금 대량 충전 검색 기능 추가 (PP-2345) fix 버그 수정 fix: 상점 목록의 에러처리 예외케이스 대응 (PP-2356) releaes 버전 변경 release: v10.0.0 → v10.1.1 docs 문서(또는 주석) 관련 작업 docs: 데코레이터 옵션에 대한 문서 추가 (PP-2345) refactor 리팩터링 refactor: createStore의 함수를 작은 함수로 분리 (PP-2345) test 테스트 관련 작업 test: 상점 생성 테스트 추가 (PP-2345) chore 기타 작업 chore: 프로덕션 빌드시 소스맵..
package-lock.json 패키지 잠금 또는 잠금 파일 npm i -> package.json 생성 팀원들끼리 node/npm의 버전이 안 맞을 수 있다 package.lock.json 이란, package.json을 npm을 통해 수정하게 되면 자동으로 생성됨 (의존성 트리라는 개념이 나오는데 일단 스킵) 작성된 시점의 의존성 트리가 다시 생성될 수 있도록 보장 저장소에 같이 커밋 해야 함 node_module 없이 배포하는 경우 반드시 필요하다 => ? 보안 에러 나서 지웠는데 꼭 있어야 된다네;;

티스토리툴바