A-HA💡

to be continued

탱 'ㅅ' 2023. 10. 19. 18:39

https://smartstudio.tech/node-sass-to-dart-sass/

 

 

node-sass에서 Dart Sass로 환경 전환하기 - Naver SmartStudio Blog

Naver SmartStudio Blog 기술 - node-sass에서 Dart Sass로 환경 전환하기 Deprecated node-sass를 제거하고, Dart Sass로 전환하면서 경험한 이슈와 팁을 공유드립니다.

smartstudio.tech

https://yozm.wishket.com/magazine/detail/1753/

 

RxJS 한번 배워보실래요? | 요즘IT

RxJS를 배우고 있거나 처음인 분들을 위해 어려운 개념들에 대해 조금 더 이해를 높일 수 있는 중요한 내용들을 한번 적어보았습니다. RxJS의 강의나 교과서적인 내용보다는 개인적으로 RxJS를 이

yozm.wishket.com

https://velog.io/@younoah/PostCSS-PostCSS%EB%9E%80

 

[PostCSS] PostCSS란?

PostCSS에 대해 알아보자.

velog.io

https://devocean.sk.com/blog/techBoardDetail.do?ID=164787

 

GraphQL에 대하여 (장점 & Schema & Type)

 

devocean.sk.com

https://devowen.com/293

 

Babel이란 무엇인가?

오늘은 바벨에 대해서 이야기 해 보려고 한다. 바벨이 무엇이며, 왜 필요하고, 기본적인 사용법이 어떻게 되는지 등등에 대해서 설명해 보도록 하겠다. 먼저 크로스 브라우징(Cross Browsing)에 대해

devowen.com

https://cocoon1787.tistory.com/843

 

[CSS] CSS, SASS, SCSS 차이점, 사용방법

⏲ TL;DR SASS와 SCSS는 CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 SASS, SCSS에서 기존의 CSS의 기능 부재 단점을 보완한 다양한 기능 추가 SASS는 들여 쓰기+줄 바

cocoon1787.tistory.com

https://hymndev.tistory.com/53

 

Sass(SCSS) 적용하기

📝 개요 CSS는 작업이 고도화 될수록 불필요한 선택자 과용, statement 부재 등 규모가 커질수록 불편함도 같이 커진다. JavaScript에서 작업하다가 React로 옮기면서 잘 적용되던 CSS가 제 역할을 못해

hymndev.tistory.com

https://www.samsungsds.com/kr/insights/svelte.html

 

개발자가 사랑하는 프론트엔드 프레임워크1 스벨트[Svelte]의 특징 | 인사이트리포트 | 삼성SDS

2011년 스택 오버플로우가 발표한 개발자 설문 조사의 웹 프레임워크 부문의 결과를 보면, 스벨트는 가장 사랑받는 프레임워크 1위, 가장 원하는 프레임워크 5위에 올라있습니다. 전 세계 개발자

www.samsungsds.com

https://dart-ko.dev/

 

Dart 프로그래밍 언어

Dart는 모든 플랫폼에서 빠른 앱을 개발하기 위해 클라이언트에 최적화된 언어입니다

dart-ko.dev

https://devgaram.github.io/146f5eb0b2e672cd66e3c67c69e36f8cac38be23

 

[Vue] 슬롯(Slots)

보노보노의 평화로운 개발 이야기

devgaram.github.io

https://zero-base.co.kr/event/media_insight_contents_FE_frontend_resume

 

신입/주니어 프론트엔드 이력서 잘쓰는 법(+노션 이력서 예시까지) | zero-base

신입, 주니어 개발자 합격 이력서 항목별로 뜯어보고 참고할만한 프론트엔드 노션 이력서 예시도 확인하기!

zero-base.co.kr

https://careers.29cm.co.kr/2023/tech-ss

 

29CM 2023 SS 개발자 공개채용

5.15 - 6.4 29CM 개발자 채용 여정에 함께해보세요.

careers.29cm.co.kr

https://velog.io/@pastelblue0721/프론트엔드-입문자들에게-좋은-링크-모음-React-위주

 

프론트엔드 입문자들에게 좋은 링크 모음 (React 위주) ~Last Update 23.07.07

Write by @Romuru3030 [Last Update_23.07.07ㅤv1.4.3] 영원한 우주 속의 한순간의 별빛일지라도.

velog.io

https://velog.io/@heyiminhye/나의-프론트엔드-독학-방법

 

나의 프론트엔드 독학 방법

독학으로 프론트엔드 개발을 공부한 방법

velog.io

https://velog.io/@dragoocho/%EB%B0%B1%EC%A4%80-%EC%98%A8%EB%9D%BC%EC%9D%B8-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A1%9C-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EA%B3%B5%EB%B6%80%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

 

백준 온라인 사이트로 알고리즘 초보가 공부하는 방법

"백준 온라인 저지(BOJ)로 처음 알고리즘 시작해서 공부했던 방법 공유" 유튜브 동영상을 시청하고 내용을 정리한 글입니다. 자세하게 알고싶은 분은 출처에서 확인 부탁합니다. https://youtu.be/H6z1_

velog.io

https://velog.io/@arcokim/%EB%B0%B1%EC%A4%80%EA%B3%A8%EB%93%9C

 

백준 골드 달성과 팁

백준 골드 달성 후기와 골드 달성을 위한 팁

velog.io

https://velog.io/@sylagape1231/프론트엔드-취준생을-위한-게시글자료-모음

 

FE 취준생을 위한 포스트/자료 모음

프론트엔드 개발자로 취준하는 모든 분들을 위한 포스트 및 여러 자료들을 모아 정리했습니다. 🙂 (📢 계속 업데이트 예정)

velog.io

https://velog.io/@mayb/검색을-못하는-나는-개발자인가

 

검색을 못하는 나는 개발자인가?

구글에 검색을 해보지 않은 사람부터 영어 문서만 나오면 무서운 분들까지, 여러분들의 성장에 도움이 될 글입니다.

velog.io

https://velog.io/@city7310/내가-공부하는-방식

 

내게 실용적이었던 프로그래밍 공부 방법들

나는 보통 재능이나 공부의 양으로 친구들의 성장 속도를 따라가기 힘들었다. 그래서 '무작정 열심히'보단, '의식적인 연습'을 지속해 나가야 했다. 이득충이 되는 방향으로 공부를 하다 보니까,

velog.io

https://mingyu94.notion.site/mingyu94/Kim-Mingyu-e1eabc1b47a24f91a584a8b5b2313989

 

Kim Mingyu

저를 알고 싶은 분들은 아래의 링크를 클릭해 주시기 바랍니다.

mingyu94.notion.site

https://velog.io/@hannaa/2023년-개발-공부-로드맵-feat.-제로초님

 

2023년 프론트엔드 공부 로드맵 (feat. 제로초님)

2023년 프론트엔드 공부 로드맵 (feat. 제로초님)

velog.io

https://velog.io/@hustle-dev/2022-상반기-프론트엔드-개발-취업-회고

 

2022 상반기 프론트엔드 개발 취업 회고

2022 상반기에 지원을 하면서 느꼈던 것들을 정리하고, 신입으로 프론트엔드 개발을 취업을 준비하시는 분들에게 도움이 되길 바라며 글을 작성합니다. ✍️

velog.io

https://velog.io/@bluestragglr/어쩌다-5년차-프론트엔드-개발자-이직-후기

 

5년차 프론트엔드 개발자 이직 후기

어쩌다.. 제가 벌써 5년차가 됐을까요?

velog.io

https://velog.io/@lingodingo/프론트엔드-이직-기록

 

프론트엔드 이직 기록

2년차 프론트 엔지니어의 이직. 2년차 주제에 이직을 한다고?

velog.io

https://velog.io/@laeyoung/오늘의집-개발자-대규모-경력채용-면접-후기

 

오늘의집 개발자 대규모 경력채용 면접 후기

지난 3월에 열렸던 오늘의집 개발자 대규모 경력채용에 지원을 했었고, 그에 관한 후기 글 입니다.

velog.io

https://velog.io/@ohaeseong/1년차-주니어-프론트-개발자-이직-후기

 

1년차 주니어 프론트 개발자 이직 후기

주니어 개발자의 이직 모험

velog.io

https://velog.io/@jerrynim_/%EB%82%98%EC%9D%98-%EC%B2%AB-%EC%9D%B4%EC%A7%81-%EC%97%AC%EC%A0%95%EA%B8%B0

 

첫 이직 여정기

12월 초에 무턱대고 20개의 공고를 지원했습니다. 그렇게 갑자기 저의 이직 여정이 시작되었습니다...

velog.io

https://velog.io/@dotblueline/%EC%9D%B4%EC%A7%81-%EC%8B%A4%ED%8C%A8-%ED%9B%84%EA%B8%B0

 

😥이직 실패 후기

라인 경력 공채 탈락 후기

velog.io

https://velog.io/@lingodingo/토스를-떠나면서

 

토스를 떠나면서

새로운 시작!

velog.io

https://velog.io/@doondoony/후기-원티드와-함께하는-개발자-커리어-터치

 

👨‍💻 [후기] 원티드와 함께하는 개발자 커리어 터치

판교 이노베이션 랩에서 진행한 개발자 커리어 터치 세미나 후기입니다

velog.io

https://velog.io/@zad1264/토스뱅크-FE-합격-후기-NEXT-2023

 

🎉 토스뱅크 FE 합격 후기 - NEXT 2023

토스 광탈한 덕에, 토스 보고 공부해서, 토스 합격한 썰

velog.io

https://velog.io/@coding_egg/올탈락에서-올합격까지-feat.-토스뱅크-합격

 

올탈락에서 올합격까지 (feat. 토스뱅크 합격)

모든 면접 탈락에서 모든 면접 합격까지의 이야기 🎉토스뱅크, 라인, 스트리미, 가비아, 휴먼스케이프 합격 🎉

velog.io

https://velog.io/@ggombee/new-yeogi

 

새출발! 이직성공 회고!

두둥...! 바야흐로.. 좋은회사를 가겠다고 다짐하고 퇴사한지... 어언 4개월..

velog.io

https://velog.io/@jerrynim_/나의-첫-이직-여정기

 

첫 이직 여정기

12월 초에 무턱대고 20개의 공고를 지원했습니다. 그렇게 갑자기 저의 이직 여정이 시작되었습니다...

velog.io

https://velog.io/@dongyi/개발자-이직으로-연봉올리기

 

개발자 이직으로 연봉올리기

이직을 통해 연봉을 올려보자!

velog.io

https://velog.io/@bbaa3218/신입-프론트엔드-개발자-취업-회고

 

신입 프론트엔드 개발자 취업 회고

취업에 성공했다. 개발자로 직무를 변경하게 된 계기와 그동안 취업 준비를 어떻게 했고 어떤 회사에 지원했었는지 어떻게 합격하게 됐는지 정리해보는 시간을 가지려고 한다. 회고록이 혹시라

velog.io

https://velog.io/@tlsgks48/IT-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%BD%94%EB%94%A9-%EA%B0%95%EC%9D%98-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%93%A4

 

[IT강좌] 코딩 강의 사이트들

이번에 온라인에서 많이 접할 수 있는 코딩 강의 사이트들에 대해서 소개하려고 한다. 많은 사이트들이 있으며, 여기에 적혀있는 사이트들 말고도 더 많은 온라인 강의 사이트들이 있을 것이다.

velog.io

https://www.inflearn.com/questions/11792/mapstate-mapgetters-%EA%B7%B8%EB%A6%AC%EA%B3%A0-computed%EC%9D%98-%EC%97%AD%ED%95%A0%EC%9D%B4-%ED%98%BC%EB%9E%80%EC%8A%A4%EB%9F%AC%EC%9B%8C%EC%9A%94

 

mapState, mapGetters 그리고 computed의 역할이 혼란스러워요 - 인프런 | 질문 & 답변

안녕하세요. 강의 잘 듣고 있습니다 :)강의 중에 this.$store.state.user 부분을 줄이기 위해 computed를 사용하시면서 템플릿 부분 텍스트를 깔끔하게 하기 위해 computed를 거치는 것은 Vue.js 공식가이드에

www.inflearn.com

https://velog.io/@jiseon-han/%EB%94%94%EB%B2%84%EA%B9%85-%EB%B0%A9%EB%B2%95

 

vs code 디버깅 사용하기

드림코딩 by 엘리님의 코딩의 시작과 끝, 디버깅 | 실력있는 개발자의 필수 무기 🐛🐞 강의를 보고 정리한 내용입니다.

velog.io

https://velog.io/@palette/%EA%B8%B0%EC%B4%88-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%94%94%EB%B2%84%EA%B9%85-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0

 

[기초] 자바스크립트 디버깅 시작하기

how to밖에 없는 글

velog.io

https://wonyoung2257.tistory.com/36

 

[백준-node.js] JavaScript 입력 - vsCode에서 풀기

코딩 테스트 연습할 때 프로그래머스를 주로 사용하여 연습하였다. 프로그래머스를 사용한 제일 큰 이유는 입력이 함수의 매개변수로 들어와서 문제 풀기가 쉽기 때문이다. 하지만 백준싸이트

wonyoung2257.tistory.com

https://inpa.tistory.com/entry/%F0%9F%91%A9%E2%80%8D%F0%9F%92%BB-%EB%8F%99%EA%B8%B0%EB%B9%84%EB%8F%99%EA%B8%B0-%EB%B8%94%EB%A1%9C%ED%82%B9%EB%85%BC%EB%B8%94%EB%A1%9C%ED%82%B9-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC

 

👩‍💻 완벽히 이해하는 동기/비동기 & 블로킹/논블로킹

동기/비동기 & 블로킹/논블록킹 프로그래밍에서 웹 서버 혹은 입출력(I/O)을 다루다 보면 동기/비동기 & 블로킹/논블로킹 이러한 용어들을 접해본 경험이 한번 쯤은 있을 것이다. 대부분 사람들은

inpa.tistory.com

https://github.com/naver/yobi/blob/master/docs/ko/technical/javascript-naming-convention.md

 

- nvm
- docker
- composition api 
새로 vue에서 만든 선언 방식인데 2.7버전부터 부분적으로 활용 가능
https://vuejs.org/guide/extras/composition-api-faq.html#composition-api-faq
- ts & tsx
- $on: 이벤트 추가 제거할때 사용
$listeners: 컴퍼넌트에 추가되는 이벤트 관장 객체
$slots: child로 들어와 있는 slot을 볼수 있는 곳으로 default 혹은 named slot들이 있습니다.
$scopedSlots: child로 들어와 있고 특정 이벤트, 데이터 받을 거라 명시된 요소들을 의미하며 이 경우 $slots가 아닌 $scopedSlots에서 확인 됩니다.
- css variables 🔥
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
- notion api 페이지 호출 : embed vs. ✅<iframe>
<embed> 테그가 아니라 노션 api를 통해서 json형식으로 데이터를 가져오고 그걸 파싱해서 그려주는 형식.
그런데 느낌이 따로 oopy에서 수정할 요소들도 있고 검색도 그쪽으로 해결하려고 하는 것 같아서, 임베딩 해도 무의미할것 같다고 판단 => 그래서 그냥 iframe
https://developers.notion.com/docs/authorization
https://github.com/janniks/vue-notion
- 푸짐 FE 프로젝트 환경
https://www.notion.so/foodzim/Frontend-17b46716bf684827909f9c11c6eeee2d
- 검색엔진seo sitemap.xml & robot.txt

 

https://kdydesign.github.io/2019/05/12/css-preprocessor/

 

CSS 전처리기(Pre-Processor) 배우기!

이번 포스트에서는 Sass, Less, Stylus와 같은 CSS 전처리기(CSS Pre-Processor)에 대해 알아보자. CSS 전처리기(CSS Preprocessor)는 CSS 작성 모듈별로 특별한 Syntax를 가지고 있고 여기에 믹스인(mixin), 중첩 셀렉

kdydesign.github.io

https://velog.io/@jch9537/CSS-SCSS-SASS

 

CSS & SCSS & SASS

CSS를 익히며 SCSS, 그리고 SASS라는 것에 대해 들어봤지만 왜 쓰는지 어떻게 쓰는지 차이는 무엇인지에 대해 정확히 알고 있지 않다가 이번에 정리를 해보려고 한다.결론은 SCSS와 SASS는 CSS를 쉽고

velog.io

https://heyjihye.com/blog/write-sass-with-scss/