공부 Google 검색 옵션을 정리해 보았다. 기억에 기억할 수 없는 부분에 * (별표)를 넣어 검색할 수 있습니다. 일반 AND 검색과 구별하기 위해 OR 부분은 ()로 묶습니다. 여러 키워드가 본문에 모두 포함된 사이트를 검색합니다. 키워드가 본문에 포함된 사이트를 검색합니다. 그건 보통 검색과 거의 변하지 않는 것 같다. (title 부분 검색을 제외 할 수 있습니다) 여러 키워드가 제목에 모두 포함된 사이트를 검색합니다. 키워드가... 공부검색Google 검색효율성google 클라우드도 정직한 친숙한 사람을 위한 AWS 개요(초보자용) · Amazon Web Services의 약자 ・다양한 클라우드 컴퓨팅 서비스(90종류 이상) 제공 · 인터넷 통신 판매의 아마존 자회사가 AWS 제공 · AWS는 원래 본가 아마존의 인프라를 지원하기 위해 만들어졌습니다. 여기까지 발전한 좋은 서비스라면 장사할 수 있을 것 같다 >>할 수 있었다<< 광의의 의미로는 서버를 빌리는 것 자체를 「클라우드」라고 파악하는 견해도 있습니다만, AWS... 공부구름초보자인프라AWS 엔지니어 학습에 podcast 활용하고 있습니까? "엔지니어링 조직론에 초대"저자의 podcast를 발견! ㅎㅎㅎㅎ E ngineer M anager 의 라디오 FM 적인 것 같다 people for the people 적인 podcast를 만드는 가장 좋은 방법 이어폰도 없기 때문에 들을 수 없다‥podcast 공부에는 나름의 장비가 필요할 것 같습니다‥... podcast엔지니어공부엔지니어링 조직론에 초대학습 Web Developer Roadmap 2018의 기술을 망라하는 Udemy 강좌를 일람에 정리해 보았다 또한 자신이 지난 몇 개월 정도 Udemy를 쓰러뜨리고 강좌를 수강하고 있기 때문에, 한 번 Developer Roadmap에 쓰여지고 있는 기술에 대한 Udemy 강좌를 정리해 두고 싶다고 생각한 것이 이번 기사를 쓰기 시작한 경위입니다. 동영상의 선정 기준에 대해서는 확고한 것이 있는 것은 아니지만, 학생 수 (평가 수)가 어느 정도 있습니다 라는 것을 대략의 기준으로 선정하고 있습니다.... udemy엔지니어공부초보자학습 [Linux] 환경 변수 로드 순서 Linux 환경 변수의 로드 순서에 대해 조사해 보았습니다. 리눅스에서 명령을 사용할 수있는 이유는 무엇입니까? 이는 다양한 디렉토리에 명령이 저장되기 때문입니다. /bin 기본 명령 /sbin 관리자용 명령 /usr/bin 애플리케이션에서 사용하는 기본 명령 /usr/sbin 애플리케이션에서 사용하는 관리자 명령 /usr/local/bin 추가한 소프트웨어 및 패키지용 명령 확인해 보았습니... Bashbash_profile공부리눅스공부 메모 라디안은 무엇입니까? 라는 이야기 혹은, 나데시코 3의 타원 묘화가 드디어 알았던 이야기. 혹은, 이전에 썼다. 덧붙여서 이 「타원 묘화」를 잘 모른다. 설명이 없다. 「시작각」이라든가 「종료각」이란 뭐야···라고, 딱딱한 가격을 넣어 가면, 1이라든가 2라든지라고 부족하다. 7에서 드디어 완전히 타원이 되었다.・・・・・・라디안인가! 그럼, 보통 각도의 생각으로 90 라든지 넣어도, 외형 보통의 타원이 되어 버리는 이유입니다... 수학나데시코공부 필기로 수식을 작성하면서 스트레스없이 노트를 디지털화하는 방법 그리고 에 링크까지 해 주셔서 감사합니다. 에서 에 수식을 작성 $\TeX$ 로 변환 위의 방법으로 필기 수식을 디지털로 저장합니다. 분산되기 쉬운 다양한 분야의 필기 메모와 노트를 일원화하고 싶다. 그러나 $\TeX$ 로 쓰면 집중력이 중단되기 쉽습니다. 필기 수식을 다시 $\TeX$로 만드는 것도 수학을 한다는 본래의 목적으로 하면 시간의 낭비로 보였습니다. 그래서 우선은 $\TeX$ 표... 공부수학TeXJupyter기계 학습 rails tutorial2장 진행했을 때의 각서 2장에서 hello_app에 가세해 toy_app를 제작했지만, 같은 방법으로 두드려 버릴 수 있습니까? 덮어쓰는 느낌이 될까? heroku의 관리 화면 보는 한, - hello_app - toy_app 의 2개가 업로드되고 있는 것은 아니다?로부터, 덧쓰기되고 있는 것일까. 참고 : 앱 브라우저에서 확인하면 오류 rails tutorial에 따라 로그 확인에서 migrate 무사 표시를 확... RailsTutorial루비Rails공부 [2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this 18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는 생성된 그 객체를 가르킨다. 생성자 함수를 정의하고 user1로 아이유를, user2로 은하 인스턴스를 생성하고 출력해보았다. 각 인스턴스별 가르키는 this가 다르다는 것을 확... 생성자함수자바스크립트JavaScript이벤트리스너jsstudy공부thisJavaScript 스프링 프레임워크의 장,단점 및 특징 스프링 프레임워크의 특징을 설명하고, 장점 및 단점을 포스팅합니다. 프레임워크는 프로그램의 기초를 구축할 수 있는 코드의 집합입니다. 개발자라는 직업은 각 개발자의 능력에 따라 결과물의 완성도가 천차만별이기 때문에, 이를 극복하고자 하여 나온 결과물이 프레임워크입니다. 프레임워크를 사용한다면 프로그램의 기본 뼈대와 틀을 정하고, 모든 팀 구성원들이 이 틀과 뼈대에 맞게 살을 붙이기 위해 코드... 스프링공부Spring프레임워크Spring for standard 💬 IT쪽 일을 시작하면서도 궁금한 게 생기면 습관적으로 찾는 버릇으로 항상 검색을 해서 보는데, 이 버릇 때문인지 다른 사람들은 서로 대화 속에서 질문해가며 답을 찾아가고 교류하는데 나는 일단 검색하면 다 나오는데 다들 스스로 찾아보지 않는건가? 다행히 그 어떤 익명인이 내 바보같은 단순한 질문에 무심한 듯 말끔하게 대답해줬기 때문에 내가 질문을 한다는 건 어려운 게 아니라는 걸 알았기에 ... 근본이해개발표준본질공부개발 [2022.04.17] Semantic HTML elements (시맨틱한 HTML 태그) 특히 많은 웹 사이트를 둘러보면 컨테이너 역할을 위해 블록 요소인 <div>태그 사용이 빈번한 것을 확인할 수 있다. 의미없는 태그를 대신할 수 있는 시맨틱한 태그들이다. 재사용하여 배포할 수 있는 콘텐츠를 나타낸다. 독립적인 콘텐츠를 표현할 때 사용한다. 페이지 내 주요 컨텐츠를 작성할 때 사용한다. 문서 내에서 다른 페이지 또는 현재 페이지의 링크를 보여줄 때 사용한다. 메뉴, 목차, 색... 시맨틱HTMLhtml태그study공부시맨틱html [2022.04.16]CSS 일치 선택자, 자식, 자손, 인접 형제, 일반 형제 선택자(결합자) MDN 문서에서는 selector가 아닌 combinator로 명시되어있지만 편의상 선택자(selector)라고 칭하였음. 일치 선택자 자손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 1. 일치 선택자 선택자와 선택자가 붙어있는 형태를 일치 선택자라 한다. 위 코드는 div태그이면서 class의 이름이 container인 요소를 선택한다. 2. 자손 선택자 (Descendant ... 자식선택자selector일반형제선택자일치선택자결합자자손선택자study공부선택자인접형제선택자CSScombinatorCSS [이펙티브 자바] 클래스와 인터페이스 Item15 - 클래스와 멤버의 접근 권한을 최소화하라 클래스와 멤버의 접근 권한을 최소화하라. 그 중 하나가 접근 제어 메커니즘이다. 이는 클래스, 인터페이스, 멤버의 접근 허용 범위(접근성)를 제어하는 것이다. 이때 접근성은 접근 제한자로 명시될 수 있다. 클래스나 인터페이스, 멤버등의 접근 권한을 명시한다. private - 멤버를 선언한 톱레벨 클래스에서만 접근 가능. package-private - 해당 패키지 안의 모든 클래스에서 접근... 공부Effective Java스터디이펙티브 자바JavaEffective Java [이펙티브 자바] 클래스와 인터페이스 Item16 - public 클래스에서는 public 필드가 아닌 접근자 메서드를 사용하라 자바에서는 추상화의 기본 단위로 클래스(Class)와 인터페이스(Interface) 를 정의하고 있고, 이는 곧 자바의 심장과도 같다. 다른 컴포넌트에서 해당 클래스 데이터 필드에 직접 접근이 가능하다. 그 말은, 캡슐화(Encapsulation)가 전혀 안되기 때문에 그에 따른 장점도 얻을 수 없다는 말이다. API를 수정하지 않고는 내부 표현을 바꿀 수 없다. 불변식을 보장할 수 없다. ... 자바공부Effective Java스터디이펙티브 자바JavaEffective Java [이펙티브 자바] 클래스와 인터페이스 Item17 - 변경 가능성을 최소화하라 일반적으로 불변 클래스는 가변 클래스에 비해 설계하고 구현하고 사용하기가 쉽고, 그 외에, 인스턴스의 값을 변경할 수 있는 로직이 들어가는 메서드는 안된다. 클래스를 확장할 수 없도록 한다. 기술적으로 기본 타입 필드나 불변 객체를 참조하는 필드를 public final로만 선언해도 불변은 된다. 코드에서 사칙연산 부분을 보면, 인스턴스 본인의 필드 값을 바꾸지 않고 결과만 리턴하는 것을 볼... 자바공부Effective Java스터디이펙티브 자바JavaEffective Java [2022.04.18] 자바스크립트 일반적인 this의 의미 1. 그냥 this 출력 콘솔에 this를 그냥 출력해보면 window객체가 출력되는 것을 확인할 수 있다. 이것으로 기본적으로 this는 window를 가르키는 것을 알 수 있다. 2. 객체 메소드에서 this 출력 위와 같은 형태로 작성하면 객체의 메소드 호출시 this가 내부적으로 변경되기 때문에 객체를 가르키도록 출력된다. 하지만 다음과 같이 사용시 this는 window를 가르킨다.... this자바스크립트this키워드공부JavaScriptstudyJavaScript 모던 자바스크립트-Deep Dive 17,18 [생성자 함수에 의한 객체 생성,함수와 일급 객체] js는 Object 생성자 함수 이외에도 String,Number,Boolean,Function, Array, Date, RegExp, Promise등의 빌트인 생성자 함수를 지원한다. 생성자 함수에 의한 객체 생성 방식의 장점 함수 호출 방식 생성자 함수가 생성할 인스턴스 생성자 함수의 인스턴스 생성 과정 1. 인스턴스 생성과 this 바인딩 암묵적으로 빈 객체(생성자 함수가 생성한 인스턴... deepdive공부deepdive JS #4 :: RestAPI와 GraphqlAPI 🙊 잘못 기재한 부분이 있다면 댓글로 남겨주세요! 💻API란? API(Application Programming Interface)는 특정 사이트에서 특정한 데이터를 공유할 경우 어떠한 방식으로 HTTP 요청을 해야하는지, 그리고 어떤 데이터를 제공받을 수 있을 지에 대한 규격을 정해놓은 Back-end 기능이다. 크게 쓰이는 API의 종류는 크게 rest-API와 Graphql-API로 나... APIJavaScriptGRAPHQL_APIRestful초보개발자jsrestapi공부자바스크립트API Git #2:: Git 에러 ' warning: LF will be replaced by CRLF in ~~' 해결 방법 🙊 잘못 기재한 부분이 있다면 댓글로 남겨주세요! 😱 git add 에러 한창 수업을 듣기 시작할 때, github를 연결하고 작성한 코드를 github에 올리려고 add 를 하는데 다짜고짜 warning: LF will be replaced by CRLF in 에러 메시지가 뜨면서 파일이 다 안 올라간 적이 있다. 그때야 처음에 내가 뭔가 잘못 눌러서 이상한 화면이 뜨는 바람에 뭔가 놓쳤나... 에러메세지 해결CRLF 오류에러윈도우 오류초보개발자githubwarning: LF will be replaced by CRLF ingit공부에러코드CRLF 오류 [백준] 11655 ROT13 ROT13은 카이사르 암호의 일종으로 영어 알파벳을 13글자씩 밀어서 만든다. 예를 들어, "Baekjoon Online Judge"를 ROT13으로 암호화하면 "Onrxwbba Bayvar Whqtr"가 된다. ROT13으로 암호화한 내용을 원래 내용으로 바꾸려면 암호화한 문자열을 다시 ROT13하면 된다. 앞에서 암호화한 문자열 "Onrxwbba Bayvar Whqtr"에 다시 ROT13... 11655python알고리즘공부백준11655 모던 자바스크립트-Deep Dive 16 [프로퍼티 어트리뷰트] 내부 슬롯과 내부 메서드는 js 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. 이 둘은 ECMAScript 사양에 정의된 대로 구현되어 js 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 없도록 되어있다. 단, 일부 내부 슬롯과 내무 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한다. js 엔진은 프로퍼티를 생... deepdiveJavaScript심화공부JavaScript심화 모던 자바스크립트-Deep Dive 14,15 [전역 변수의 문제점,let const 키워드와 블록레벨 스코프] 전역 변수의 생명 주기는 마지막 문이 실행되어 더 이상 실행할 문이 없을 때 해제된다. 지역 변수의 경우 함수 몸체의 마지막 문 또는 반환문이 실행될 때 해제된다. 표준 빌트인 객체와 환경에 따른 호스트 객체, var 키워드로 선언한 전역 변수와 전역 함수를 프로퍼티로 갖는다. 전역 변수는 생명 주기가 길다. 변수를 검색할 때 전역 변수가 가장 마지막에 검색된다는 것을 의미한다. js의 가장... deepdive공부deepdive [백준] 9375 패션왕 신해빈 먼저, 의류 이름과 종류중에서 이름은 필요없다 (종류의 경우의 수만 필요) 하나만 입는 경우도 존재하기 때문에 예제에 있는 headgear 2개, eyegear 1개 에서 1씩 더해서 곱하는 식으로 구해야함 하지만 알몸의 경우는 빼야하므로 마지막에 1을 빼줘야 한다. collections의 counter함수를 이용하면 리스트 내의 요소 개수를 구할 수 있다.... python9375알고리즘코딩공부백준9375 모던 자바스크립트-Deep Dive 20,21 [strict mode,빌트인 객체] 암묵적 전역 // x:10 표준 빌트인 객체 표준 빌트인 객체는 ECMAScript사양에 정의된 객체이므로 js 실행 환경과 관계없이 언제나 사용할 수 있다. 해당 객체는 전역 객체의 프로퍼티로서 제공된다. js 는 Object, String, Number 등 40여 개의 표준 빌트인 객체를 제공한다. Math, Reflect, JSON 을 제 외한 표준 빌트인 객체는 모두 인스턴스를 생성할... deepdive공부deepdive 모던 자바스크립트-Deep Dive 19 [프로토타입] 프로토타입 객체 : 어떤 객체의 상위 객체의 역활을 하는 객체이다. 해당 슬롯에 저장되는 프로토타입은 객체 생성 방식에 의해 결정된다. 객체 리터럴 Object.prototype 생성자 함수 생성자 함수의 prototype 프로퍼티에 바인딩된 객체 모든 객체는 proto 접근자 프로퍼티를 통해 자신의 프로토타입, 즉 [[Prototype]] 내부 슬롯에 간접적으로 접근할 수 있다. 함수 객체... deepdive공부deepdive 모던 자바스크립트-Deep Dive 22,23 [this,실행 컨텍스트] 소스코드의 평가 과정 : 실행 컨텍스트를 생성하고 변수,함수등의 선언문만 먼저 실행하여 생성된 변수나 함수 식별자를 키로 실행 컨텍스트가 관리하는 스코프(렉시컬 환경의 환경 레코드)에 등록한다 전역 코드의 변수 선언문과 함수 선언문이 먼저 실행 되고, 그 결과 생성된 전역 변수와 전역 함수가 실행 컨텍스트가 관리하는 전역 스코프에 등록된다. 2. 전역 코드 실행 4. 함수 코드 실행 실행 컨... deepdive공부deepdive
Google 검색 옵션을 정리해 보았다. 기억에 기억할 수 없는 부분에 * (별표)를 넣어 검색할 수 있습니다. 일반 AND 검색과 구별하기 위해 OR 부분은 ()로 묶습니다. 여러 키워드가 본문에 모두 포함된 사이트를 검색합니다. 키워드가 본문에 포함된 사이트를 검색합니다. 그건 보통 검색과 거의 변하지 않는 것 같다. (title 부분 검색을 제외 할 수 있습니다) 여러 키워드가 제목에 모두 포함된 사이트를 검색합니다. 키워드가... 공부검색Google 검색효율성google 클라우드도 정직한 친숙한 사람을 위한 AWS 개요(초보자용) · Amazon Web Services의 약자 ・다양한 클라우드 컴퓨팅 서비스(90종류 이상) 제공 · 인터넷 통신 판매의 아마존 자회사가 AWS 제공 · AWS는 원래 본가 아마존의 인프라를 지원하기 위해 만들어졌습니다. 여기까지 발전한 좋은 서비스라면 장사할 수 있을 것 같다 >>할 수 있었다<< 광의의 의미로는 서버를 빌리는 것 자체를 「클라우드」라고 파악하는 견해도 있습니다만, AWS... 공부구름초보자인프라AWS 엔지니어 학습에 podcast 활용하고 있습니까? "엔지니어링 조직론에 초대"저자의 podcast를 발견! ㅎㅎㅎㅎ E ngineer M anager 의 라디오 FM 적인 것 같다 people for the people 적인 podcast를 만드는 가장 좋은 방법 이어폰도 없기 때문에 들을 수 없다‥podcast 공부에는 나름의 장비가 필요할 것 같습니다‥... podcast엔지니어공부엔지니어링 조직론에 초대학습 Web Developer Roadmap 2018의 기술을 망라하는 Udemy 강좌를 일람에 정리해 보았다 또한 자신이 지난 몇 개월 정도 Udemy를 쓰러뜨리고 강좌를 수강하고 있기 때문에, 한 번 Developer Roadmap에 쓰여지고 있는 기술에 대한 Udemy 강좌를 정리해 두고 싶다고 생각한 것이 이번 기사를 쓰기 시작한 경위입니다. 동영상의 선정 기준에 대해서는 확고한 것이 있는 것은 아니지만, 학생 수 (평가 수)가 어느 정도 있습니다 라는 것을 대략의 기준으로 선정하고 있습니다.... udemy엔지니어공부초보자학습 [Linux] 환경 변수 로드 순서 Linux 환경 변수의 로드 순서에 대해 조사해 보았습니다. 리눅스에서 명령을 사용할 수있는 이유는 무엇입니까? 이는 다양한 디렉토리에 명령이 저장되기 때문입니다. /bin 기본 명령 /sbin 관리자용 명령 /usr/bin 애플리케이션에서 사용하는 기본 명령 /usr/sbin 애플리케이션에서 사용하는 관리자 명령 /usr/local/bin 추가한 소프트웨어 및 패키지용 명령 확인해 보았습니... Bashbash_profile공부리눅스공부 메모 라디안은 무엇입니까? 라는 이야기 혹은, 나데시코 3의 타원 묘화가 드디어 알았던 이야기. 혹은, 이전에 썼다. 덧붙여서 이 「타원 묘화」를 잘 모른다. 설명이 없다. 「시작각」이라든가 「종료각」이란 뭐야···라고, 딱딱한 가격을 넣어 가면, 1이라든가 2라든지라고 부족하다. 7에서 드디어 완전히 타원이 되었다.・・・・・・라디안인가! 그럼, 보통 각도의 생각으로 90 라든지 넣어도, 외형 보통의 타원이 되어 버리는 이유입니다... 수학나데시코공부 필기로 수식을 작성하면서 스트레스없이 노트를 디지털화하는 방법 그리고 에 링크까지 해 주셔서 감사합니다. 에서 에 수식을 작성 $\TeX$ 로 변환 위의 방법으로 필기 수식을 디지털로 저장합니다. 분산되기 쉬운 다양한 분야의 필기 메모와 노트를 일원화하고 싶다. 그러나 $\TeX$ 로 쓰면 집중력이 중단되기 쉽습니다. 필기 수식을 다시 $\TeX$로 만드는 것도 수학을 한다는 본래의 목적으로 하면 시간의 낭비로 보였습니다. 그래서 우선은 $\TeX$ 표... 공부수학TeXJupyter기계 학습 rails tutorial2장 진행했을 때의 각서 2장에서 hello_app에 가세해 toy_app를 제작했지만, 같은 방법으로 두드려 버릴 수 있습니까? 덮어쓰는 느낌이 될까? heroku의 관리 화면 보는 한, - hello_app - toy_app 의 2개가 업로드되고 있는 것은 아니다?로부터, 덧쓰기되고 있는 것일까. 참고 : 앱 브라우저에서 확인하면 오류 rails tutorial에 따라 로그 확인에서 migrate 무사 표시를 확... RailsTutorial루비Rails공부 [2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this 18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는 생성된 그 객체를 가르킨다. 생성자 함수를 정의하고 user1로 아이유를, user2로 은하 인스턴스를 생성하고 출력해보았다. 각 인스턴스별 가르키는 this가 다르다는 것을 확... 생성자함수자바스크립트JavaScript이벤트리스너jsstudy공부thisJavaScript 스프링 프레임워크의 장,단점 및 특징 스프링 프레임워크의 특징을 설명하고, 장점 및 단점을 포스팅합니다. 프레임워크는 프로그램의 기초를 구축할 수 있는 코드의 집합입니다. 개발자라는 직업은 각 개발자의 능력에 따라 결과물의 완성도가 천차만별이기 때문에, 이를 극복하고자 하여 나온 결과물이 프레임워크입니다. 프레임워크를 사용한다면 프로그램의 기본 뼈대와 틀을 정하고, 모든 팀 구성원들이 이 틀과 뼈대에 맞게 살을 붙이기 위해 코드... 스프링공부Spring프레임워크Spring for standard 💬 IT쪽 일을 시작하면서도 궁금한 게 생기면 습관적으로 찾는 버릇으로 항상 검색을 해서 보는데, 이 버릇 때문인지 다른 사람들은 서로 대화 속에서 질문해가며 답을 찾아가고 교류하는데 나는 일단 검색하면 다 나오는데 다들 스스로 찾아보지 않는건가? 다행히 그 어떤 익명인이 내 바보같은 단순한 질문에 무심한 듯 말끔하게 대답해줬기 때문에 내가 질문을 한다는 건 어려운 게 아니라는 걸 알았기에 ... 근본이해개발표준본질공부개발 [2022.04.17] Semantic HTML elements (시맨틱한 HTML 태그) 특히 많은 웹 사이트를 둘러보면 컨테이너 역할을 위해 블록 요소인 <div>태그 사용이 빈번한 것을 확인할 수 있다. 의미없는 태그를 대신할 수 있는 시맨틱한 태그들이다. 재사용하여 배포할 수 있는 콘텐츠를 나타낸다. 독립적인 콘텐츠를 표현할 때 사용한다. 페이지 내 주요 컨텐츠를 작성할 때 사용한다. 문서 내에서 다른 페이지 또는 현재 페이지의 링크를 보여줄 때 사용한다. 메뉴, 목차, 색... 시맨틱HTMLhtml태그study공부시맨틱html [2022.04.16]CSS 일치 선택자, 자식, 자손, 인접 형제, 일반 형제 선택자(결합자) MDN 문서에서는 selector가 아닌 combinator로 명시되어있지만 편의상 선택자(selector)라고 칭하였음. 일치 선택자 자손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 1. 일치 선택자 선택자와 선택자가 붙어있는 형태를 일치 선택자라 한다. 위 코드는 div태그이면서 class의 이름이 container인 요소를 선택한다. 2. 자손 선택자 (Descendant ... 자식선택자selector일반형제선택자일치선택자결합자자손선택자study공부선택자인접형제선택자CSScombinatorCSS [이펙티브 자바] 클래스와 인터페이스 Item15 - 클래스와 멤버의 접근 권한을 최소화하라 클래스와 멤버의 접근 권한을 최소화하라. 그 중 하나가 접근 제어 메커니즘이다. 이는 클래스, 인터페이스, 멤버의 접근 허용 범위(접근성)를 제어하는 것이다. 이때 접근성은 접근 제한자로 명시될 수 있다. 클래스나 인터페이스, 멤버등의 접근 권한을 명시한다. private - 멤버를 선언한 톱레벨 클래스에서만 접근 가능. package-private - 해당 패키지 안의 모든 클래스에서 접근... 공부Effective Java스터디이펙티브 자바JavaEffective Java [이펙티브 자바] 클래스와 인터페이스 Item16 - public 클래스에서는 public 필드가 아닌 접근자 메서드를 사용하라 자바에서는 추상화의 기본 단위로 클래스(Class)와 인터페이스(Interface) 를 정의하고 있고, 이는 곧 자바의 심장과도 같다. 다른 컴포넌트에서 해당 클래스 데이터 필드에 직접 접근이 가능하다. 그 말은, 캡슐화(Encapsulation)가 전혀 안되기 때문에 그에 따른 장점도 얻을 수 없다는 말이다. API를 수정하지 않고는 내부 표현을 바꿀 수 없다. 불변식을 보장할 수 없다. ... 자바공부Effective Java스터디이펙티브 자바JavaEffective Java [이펙티브 자바] 클래스와 인터페이스 Item17 - 변경 가능성을 최소화하라 일반적으로 불변 클래스는 가변 클래스에 비해 설계하고 구현하고 사용하기가 쉽고, 그 외에, 인스턴스의 값을 변경할 수 있는 로직이 들어가는 메서드는 안된다. 클래스를 확장할 수 없도록 한다. 기술적으로 기본 타입 필드나 불변 객체를 참조하는 필드를 public final로만 선언해도 불변은 된다. 코드에서 사칙연산 부분을 보면, 인스턴스 본인의 필드 값을 바꾸지 않고 결과만 리턴하는 것을 볼... 자바공부Effective Java스터디이펙티브 자바JavaEffective Java [2022.04.18] 자바스크립트 일반적인 this의 의미 1. 그냥 this 출력 콘솔에 this를 그냥 출력해보면 window객체가 출력되는 것을 확인할 수 있다. 이것으로 기본적으로 this는 window를 가르키는 것을 알 수 있다. 2. 객체 메소드에서 this 출력 위와 같은 형태로 작성하면 객체의 메소드 호출시 this가 내부적으로 변경되기 때문에 객체를 가르키도록 출력된다. 하지만 다음과 같이 사용시 this는 window를 가르킨다.... this자바스크립트this키워드공부JavaScriptstudyJavaScript 모던 자바스크립트-Deep Dive 17,18 [생성자 함수에 의한 객체 생성,함수와 일급 객체] js는 Object 생성자 함수 이외에도 String,Number,Boolean,Function, Array, Date, RegExp, Promise등의 빌트인 생성자 함수를 지원한다. 생성자 함수에 의한 객체 생성 방식의 장점 함수 호출 방식 생성자 함수가 생성할 인스턴스 생성자 함수의 인스턴스 생성 과정 1. 인스턴스 생성과 this 바인딩 암묵적으로 빈 객체(생성자 함수가 생성한 인스턴... deepdive공부deepdive JS #4 :: RestAPI와 GraphqlAPI 🙊 잘못 기재한 부분이 있다면 댓글로 남겨주세요! 💻API란? API(Application Programming Interface)는 특정 사이트에서 특정한 데이터를 공유할 경우 어떠한 방식으로 HTTP 요청을 해야하는지, 그리고 어떤 데이터를 제공받을 수 있을 지에 대한 규격을 정해놓은 Back-end 기능이다. 크게 쓰이는 API의 종류는 크게 rest-API와 Graphql-API로 나... APIJavaScriptGRAPHQL_APIRestful초보개발자jsrestapi공부자바스크립트API Git #2:: Git 에러 ' warning: LF will be replaced by CRLF in ~~' 해결 방법 🙊 잘못 기재한 부분이 있다면 댓글로 남겨주세요! 😱 git add 에러 한창 수업을 듣기 시작할 때, github를 연결하고 작성한 코드를 github에 올리려고 add 를 하는데 다짜고짜 warning: LF will be replaced by CRLF in 에러 메시지가 뜨면서 파일이 다 안 올라간 적이 있다. 그때야 처음에 내가 뭔가 잘못 눌러서 이상한 화면이 뜨는 바람에 뭔가 놓쳤나... 에러메세지 해결CRLF 오류에러윈도우 오류초보개발자githubwarning: LF will be replaced by CRLF ingit공부에러코드CRLF 오류 [백준] 11655 ROT13 ROT13은 카이사르 암호의 일종으로 영어 알파벳을 13글자씩 밀어서 만든다. 예를 들어, "Baekjoon Online Judge"를 ROT13으로 암호화하면 "Onrxwbba Bayvar Whqtr"가 된다. ROT13으로 암호화한 내용을 원래 내용으로 바꾸려면 암호화한 문자열을 다시 ROT13하면 된다. 앞에서 암호화한 문자열 "Onrxwbba Bayvar Whqtr"에 다시 ROT13... 11655python알고리즘공부백준11655 모던 자바스크립트-Deep Dive 16 [프로퍼티 어트리뷰트] 내부 슬롯과 내부 메서드는 js 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. 이 둘은 ECMAScript 사양에 정의된 대로 구현되어 js 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 없도록 되어있다. 단, 일부 내부 슬롯과 내무 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한다. js 엔진은 프로퍼티를 생... deepdiveJavaScript심화공부JavaScript심화 모던 자바스크립트-Deep Dive 14,15 [전역 변수의 문제점,let const 키워드와 블록레벨 스코프] 전역 변수의 생명 주기는 마지막 문이 실행되어 더 이상 실행할 문이 없을 때 해제된다. 지역 변수의 경우 함수 몸체의 마지막 문 또는 반환문이 실행될 때 해제된다. 표준 빌트인 객체와 환경에 따른 호스트 객체, var 키워드로 선언한 전역 변수와 전역 함수를 프로퍼티로 갖는다. 전역 변수는 생명 주기가 길다. 변수를 검색할 때 전역 변수가 가장 마지막에 검색된다는 것을 의미한다. js의 가장... deepdive공부deepdive [백준] 9375 패션왕 신해빈 먼저, 의류 이름과 종류중에서 이름은 필요없다 (종류의 경우의 수만 필요) 하나만 입는 경우도 존재하기 때문에 예제에 있는 headgear 2개, eyegear 1개 에서 1씩 더해서 곱하는 식으로 구해야함 하지만 알몸의 경우는 빼야하므로 마지막에 1을 빼줘야 한다. collections의 counter함수를 이용하면 리스트 내의 요소 개수를 구할 수 있다.... python9375알고리즘코딩공부백준9375 모던 자바스크립트-Deep Dive 20,21 [strict mode,빌트인 객체] 암묵적 전역 // x:10 표준 빌트인 객체 표준 빌트인 객체는 ECMAScript사양에 정의된 객체이므로 js 실행 환경과 관계없이 언제나 사용할 수 있다. 해당 객체는 전역 객체의 프로퍼티로서 제공된다. js 는 Object, String, Number 등 40여 개의 표준 빌트인 객체를 제공한다. Math, Reflect, JSON 을 제 외한 표준 빌트인 객체는 모두 인스턴스를 생성할... deepdive공부deepdive 모던 자바스크립트-Deep Dive 19 [프로토타입] 프로토타입 객체 : 어떤 객체의 상위 객체의 역활을 하는 객체이다. 해당 슬롯에 저장되는 프로토타입은 객체 생성 방식에 의해 결정된다. 객체 리터럴 Object.prototype 생성자 함수 생성자 함수의 prototype 프로퍼티에 바인딩된 객체 모든 객체는 proto 접근자 프로퍼티를 통해 자신의 프로토타입, 즉 [[Prototype]] 내부 슬롯에 간접적으로 접근할 수 있다. 함수 객체... deepdive공부deepdive 모던 자바스크립트-Deep Dive 22,23 [this,실행 컨텍스트] 소스코드의 평가 과정 : 실행 컨텍스트를 생성하고 변수,함수등의 선언문만 먼저 실행하여 생성된 변수나 함수 식별자를 키로 실행 컨텍스트가 관리하는 스코프(렉시컬 환경의 환경 레코드)에 등록한다 전역 코드의 변수 선언문과 함수 선언문이 먼저 실행 되고, 그 결과 생성된 전역 변수와 전역 함수가 실행 컨텍스트가 관리하는 전역 스코프에 등록된다. 2. 전역 코드 실행 4. 함수 코드 실행 실행 컨... deepdive공부deepdive