본문 바로가기

전체 글

 (152)
# 2. 실력이 왜 안 늘까요~~ ⚫ Array 에서 헷갈렸던 것들 1. Index, position Array [ Array.length - 1]; // Array의 마지막 내용 출력 2. Looping over an array ex) for (let i = 0; i < array.length; i++ ) { console.log(Array[i]); } Array = [a,b,c] 라면 Array.length = 3 Array[0] = a , [1] = b, [2] = c 이고 i가 3이 되면 i < Array.length // i = 3, Array.length = 3 즉, 부등호가 맞지 않게 되므로 종료. ⚫ sort() 메서드 : 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환. ex) const months = ['Mar..
# 1. 시작 한동안 블로그를 안했던 이유.. 공부할건 많은데 노트에 적어가면서 정리하는게 편했고 굳이 블로그까지 할 필요성은 못 느꼈기 때문🙄🙄 근데 어제 우연히 어떤 유튜브를 봤고 나중에 취업할 때 자신을 어필할 수 있는건 블로그 / github에 올린 프로젝트 가 확실하다해서 다시 시작해보려한다 이제 여기엔 공부하면서 노트에 적어놨던거 하루 마무리하면서 다시 읽어보는겸 기록하는 공간이 될 듯 아자아자ㅏㅏㅏ 🔥🔥 ● 콜백 함수 ● switch if else 구문이 반복된다면 switch 를 고려하자 ! ● class & object class : 전체적인 틀. ex) 붕어빵 1) template 2) declare once 3) no data in object : 1) instance of a class 2) cr..
1. VS Code 5k VS Code 에 이런 오류가 뜨는 경우가 있다. 본인도 엄청 당황하였고.. 구글링 해보니까 git의 상위폴더에 또 git이 있어서 그렇다고 한다. 그런데 해결방법이 의외로 간단하다. 해결방법 변경사항 근처에서 우클릭을 하면 저 파일들이 있는 경로를 찾을 수 있다. 그 경로를 찾아가서 .git 이라고 되어있는 폴더를 삭제하면 된다. .git 이라는 폴더가 숨김 상태로 되어있으니까 폴더 설정 들어가서 숨김 폴더 보이게끔 해서 삭제하면 끝!
2. Error: Cannot find module node.js 처음 접하시는 분들 중에 이 에러 뜨시는 분들 분명 있을거라 생각합니다 어제 처음 node.js 접하고 이틀 내내 저거 땜에 고생했거든요 .. 바로 본론으로 가서 원인은 개발자 도구로 만든 폴더랑 커맨드에 입력한 폴더랑 달라서 그래요 예를들어, 저 같은 경우 이렇게 검색을 했잖아요 그런데 알고보니 제가 Visual Studio Code로 만든 상위 폴더는 요 놈이더라구요... 결론은 본인이 개발자 도구로 만든 폴더 제대로 확인하고 cd 입력해서 다시 디렉토리 바꾸시면 됩니다 처음에 이것저것 만져보다가 cd(change directory) 입력하고 저도 모르게 디렉토리를 바꿨던 것 같아요 에러 뜬거 뭐지 하면서 stactoverflow 들어가서 영어 다 번역하고 난리 브루스를 쳤는데 결론은 ..
4. Element가 배치되는 방법 [ 엘리먼트가 배치되는 방식 ] 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering 과정이라고도 함. 1. display : block, inline 1) display:block 위 아래로 쌓아짐 . 2) display:inline 우측으로, 그리고 아래쪽으로 빈자리를 차지하며 흐름. 높이와 넓이를 지정해도 반영이 되지 않음. 2. position : static, relative, absolute 1) position position 속성은 기본 static임. 그냥 순서대로 배치됨. 2) absolute 기준점에 따라서 특별한 위치에 위치함. top / left / right / bottom 으로 설정. 기준점을 상위엘리먼트로 단계적으로 찾아가는데 static이 아닌 ..
3. cascading & css selector 1. cascading span { color : red; } span { color : blue; } // blue 동일하면 나중 것 2. CSS Selector 1) 그룹 선택 h1, span, div { color : red } --> h1, span, div 를 하나의 그룹으로 묶어 빨간색 적용 2) 자손요소 요소 선택 (공백) : 자손요소 span tag span tag 2 #jisu span { color : red } 모든 span 태그에 red 색상이 적용됨. 3) 자식 선택 자식 선택 (>) : 자식은 바로 하위엘리먼트를 가리킴. 단락 선택 첫번째 단락입니다 두번째 단락입니다 세번째 단락입니다 네번째 단락입니다 #jisu > p:nth-child(2) { color : red } 첫 번째..
2. Browser 1. Browser의 동작 브라우저는 월드와이드웹(WWW)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어입니다. 인터넷에서 특정 정보로 이동할 수 있는 주소 입력창이 있고 서버와 HTTP로 정보를 주고받을 수 있는 네트워크 모듈도 포함하고 있습니다. 그리고 서버에서 받은 문서(HTML, CSS, Javascript)를 해석하고 실행하여 화면에 표현하기 위한 해석기(Parser)들을 가지고 있습니다. 위 그림에 대한 간략한 설명 HTML을 해석해서 DOM Tree를 만들고, CSS를 해석해서 역시 CSS Tree(CSS Object Model)을 만듭니다. 이 과정에서 Parsing 과정이 필요하며 토큰 단위로 해석되는 방식은 일반적인 소스코드의 컴파일 과정이라고 보시면 됩니다. DOM Tree와 C..
1 . Web개발의 이해 - FE/BE (1~3) 1. HTTP 작동방식 HTTP는 서버/클라이언트 모델을 따릅니다. 장점 - 불특정 다수를 대상으로 하는 서비스에는 적합하다. - 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 클라이언트와 서버 간의 최대 연결 수보다 훨씬 많은 요청과 응답을 처리할 수 있다. 단점 - 연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다. - 이러한 특징을 무상태(Stateless)라고 말한다. - 이러한 특징 때문에 정보를 유지하기 위해서 Cookie와 같은 기술이 등장하게 되었다. 요청 메서드 : GET, PUT, POST, PUSH, OPTIONS 등의 요청 방식이 온다. 요청 URI : 요청하는 자원의 위치를 명시한다. HTTP 프로토콜 버전 : 웹 브라우저가 사용하는 프로토콜 버전이다. 2...

티스토리툴바