본문 바로가기
반응형
[React.js] PostCSS 기초 PostCSS CSS 전처리기? 전처리기만의 고유한 문법을 통해 작성을 하면 순수 CSS로 변환을 해주는 프로그램이다. 순수 CSS에서 지원하지 않는 특징이 추가된다. 믹스인(mixin), 중첩 셀렉터(nesting selector), 상속 셀렉터(inheritance selector) 기타 등등 이러한 문법은 가독성을 좋게하고 유지보수가 쉬워진다. 대표적인 전처리기 프로그램은 다음과 같다. [PostCSS](https://postcss.org/) [Stylus](https://stylus-lang.com/) [SASS](https://sass-lang.com/) [LESS](http://lesscss.org/) 근데 그중에 왜 PostCSS를 쓸까? SASS나 LESS같은 경우 주어진 문법과 특징에 한.. 2021. 4. 4.
[Xcode12] Playground 활용하기 ※ 본 글은 [Mastering Swift] Hello, Playground (Xcode 12) 유튜브 영상을 공부한 내용으로 만들었음을 미리 알립니다. Xcode 애플의 OS를 위한 IDE인 Xcode는 macOS용만 존재합니다. 최근 애플 실리콘도 그렇고 애플은 자체 플랫폼에 노력을 참 많이 쏟는 것 같습니다. CS50 과정을 수료한 후(스터디 시작 전 재밌어서 미리 다 봐버렸습니다) iOS 개발에도 관심이 있었는데 마침 메이커스라는 앱 런칭 동아리에 합격이 되어서 Swift 공부와 iOS 개발을 위한 Xcode를 설치하게 되었습니다. Hello, Playground 프로젝트와 개발에 앞서 Swift 언어의 문법 위주로 공부를 시작할 것이기 때문에 Xcode의 Playground로 시작을 하겠습니다... 2021. 1. 3.
[JavaScript] var, let, const ES6의 등장 전후 블록 스코프를 갖지않는 var ES6가 나오기 전에는 var로 변수선언을 했습니다. var는 재선언과 재할당이 가능하고 블록 스코프를 갖지않습니다. // 재선언 및 값의 재할당 가능 { // 블록 스코프를 갖지 않음 var name = '개발 전용'; } console.log(name); // "개발 전용" (블록 스코프 영향 X) var name = '개발자 전용'; name = 'only dev'; console.log(name); // "only dev" var 호이스팅 일반적으로 변수를 선언한 후 값을 할당하지만 var는 '호이스팅'으로 인해 선언부가 최상단으로 끌어올려지고 'undefined'로 값이 초기화되기 때문에 변수를 선언하기전에도 값을 사용 할 수 있습니다. cons.. 2020. 12. 21.
비전공생의 컴퓨터과학(CS50) 배우기 네이버에서 우연히 온라인 스터디 그룹 모집을 한다는 것을 알게되었습니다. 프로그래밍을 배울때마다 항상 어딘가 찜찜하고 불안한 감정이 있었는데 그게 '컴퓨팅적 사고와 감각'이 아닌가 싶습니다. 저처럼 비전공생이고 혼자 공부하기 막막하고 팀원들과 함께 하고싶은 분, IT에 관심 있으신 분들에게 도움이 될 것 같아서 글을 써봅니다. ※ 신청기간: ~20년 12월 31일(목) 자정까지 ※ 스터디 학습 기간: 21년 1월 11일(월)~21년 2월 26일(금) 총 6주간 진행 ※ [무료스터디] 결심을 현실로 만들 시간 [무료스터디] 결심을 현실로 만들 시간 [BY 부스트코스] 모든 활동이 자제되는 비대면 시대. 하지만 성장을 멈출 수는 없는 세대. 특히나 IT... m.post.naver.com 2020. 12. 20.
[JavaScript] 배열을 제대로 알아보자 1. 배열 선언 const array1 = new Array(); const array2 = new Array(1, 2, 3); const array3 = [1, 2, 3]; console.log(array1); // [] console.log(array2); // (3) [1, 2, 3] console.log(array3); // (3) [1, 2, 3] 2. 인덱스 위치 const books = ['부의 추월차선', '잡스의 기준', '레버리지']; // 배열 출력 console.log(books); // (3) ["부의 추월차선", "잡스의 기준", "레버리지"] // 배열의 길이 출력 console.log(books.length); // 3 // 배열의 해당 인덱스의 요소만 출력 console.l.. 2020. 12. 18.
[JavaScript] 필수 배열함수 10가지 정리 1. join() join() 메서드는 배열의 모든 요소들을 합해서 하나의 문자열로 반환합니다. 필요한 경우, 배열의 각 요소를 구분할 구분자를 사용할 수 있습니다. 생략하면 요소들이 쉼표로 구분 됩니다. { const laptop = ['맥북', '그램', '플렉스']; const result = laptop.join(); console.log(result); // 맥북,그램,플렉스 } { const laptop = ['맥북', '그램', '플렉스']; const result = laptop.join(''); console.log(result); // 맥북그램플렉스 } { const laptop = ['맥북', '그램', '플렉스']; const result = laptop.join(', '); con.. 2020. 12. 17.
웹 저장소 쿠키와 스토리지 * 틀린 내용이 있다면 언제든지 댓글에 남겨주세요. 환영합니다 🙆🏻‍♂️ 개발자의 꿈을 꾸기 전에도 쿠키에 대한 존재는 알고 있었습니다. 저와 비슷한 연령대의 분들은 대부분 경험하셨을 것 같은데요. 약 10년전 컴퓨터의 사양이 좋지 않던 시절 어떻게든 인터넷 속도를 높이고 싶어서 브라우저의 쿠키와 캐시 등의 데이터를 지웠던 기억이 있습니다. 그렇다면 이 쿠키는 어떤 역할을 하는 건지 알아보겠습니다. 쿠키 (Cookie) 무상태성(stateless)과 비연결성(connectionless) 쿠키에 대해 알아보기 전에 HTTP의 특성에 대해서 잠깐 설명드리겠습니다. HTTP는 클라이언트와 통신이 끝나면 상태 정보를 저장하지 않는 무상태성(stateless), 요청(request)과 응답(response)이 끝.. 2020. 12. 10.
반응형