반응형
반응형

발도르프 교육에서는
'아이들에게 잠이 최고의 의사'라고 한다.
충분히 자는 동안 아이 마음에서 낮 동안 풀지
못했던 마음의 꼬임이 풀리고 들숨과 날숨의 호흡이
편해지면서 다시 균형을 찾게 된다는 의미다. 비단
발도르프 교육뿐이랴, 어느 육아서나 건강 서적을
봐도 잠을 잘 자는 것이 건강의 기본이라고
설명하고 있다. 실천하느냐 여부가
중요하다.


- 이소영의 《엄마표 발도르프 자연육아》 중에서 -


* 나이든 성인은
마음이 불편하면 숙면하지 못합니다.
그러나 아이들은 눈물이 가득 맺혀 속울음을
울면서도 잠을 잘 잡니다. 그렇게 푹 자고 나면
해말갛게 씻긴 얼굴로 무엇때문에 울었는지 까맣게
잊어버립니다. 잠은 치유입니다. 인지학을 창시하고
발도르프 교육을 제창한 루돌프 슈타이너는
잠은 매일 우리가 고차원의 세계를 경험할
수 있는 힐링과 충전의 장이라 했습니다.
아이에게도, 어른에게도 잠은
최고의 의사입니다.

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

청년은 '허리'다  (0) 2023.11.08
'그림책'을 권합니다  (0) 2023.11.07
단풍잎  (0) 2023.11.06
꽃이 별을 닮은 이유  (0) 2023.11.03
6,500년 전 '황금 인간'  (0) 2023.11.02
반응형

단풍잎

 

화려한 이별

 

반응형
반응형

 

Top 11 Best VS Code Extensions you Need in 2022!

 

https://letmefail.com/vs-code/top-11-best-vs-code-extensions-you-need-in-2022/#

Top Must Have Extensions For Your Next Project

Visual Studio Code is undoubtedly the most popular code editor today. It is lightweight code editor developed by Microsoft for Windows, Linux and macOS. It includes various features such as syntax highlighting, debugging, intelligent code completion, snippets, embedded Git, code refactoring and many more. VS Code provides better performance and stability compared to other code editors in the market.

Microsoft has huge market place for VS Code where developers able to get third party plugins and extensions, availing VS Code more rich and efficient. Today we are discussing top 11 plugins for VS Code which provides invaluable to the speed and quality to your projects.

In this guide, we’ll explore the following extensions.

  1. Git Lens
  2. Peacock
  3. Tailwind CSS IntelliSense
  4. Bracket Pair Colorizer
  5. ES7+ React/Redux/React-Native snippets
  6. Prettier – Code formatter
  7. Auto Rename Tag
  8. Live Share
  9. Vscode-Icons
  10. TODO Highlight
  11. Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

1. Git Lens

  • Publishers: GitKraken
  • Installs: 12,650,938 installs
  • Version: 11.7.0, Last Updated 11/18/2021 Free

Overview

GitLens supercharges the Git capabilities. GitLens helps you to understand code better. This powerful and feature rich tool helps to quickly look into code changes such as who, why, and when a line or code block was changed. You are able to find code history to gain further insights as to how and why the code evolved. With this tools, you can effortlessly explore the history and evolution of a codebase.

Here are just some of the unique features GitLens provides,

image visualstudio marketplace
  • Authorship code lens showing the most recent commit and number of authors at the top of files and/or on code blocks
  • status bar blame annotation showing the commit and author who last modified the current line
  • Code changes — highlights any local (unpublished) changes or lines changed by the most recent commit
  • Heatmap — shows how recent and often lines were changed, relative to all the other changes in the file and to now (hot vs. cold)

2. Peacock

  • Publishers: Johnpapa
  • Installs: 1,449,402 installs
  • Version: 4.0.0, Last Updated 11/17/2021 Free

Overview

Developers love to open multiple windows of VS Code as they work on more than one projects at the same time. For example, both backend and front end project could be opened in two separate VS Code instances and developers might want move from one project to another. Using this extension developers able to change the color of each project windows, so that it can be quickly identify which project or repo they are working.

image marketplace.visualstudio

Installation and Configuration

  1. Create/Open a VSCode Workspace (Peacock only works in a Workspace)
  2. Press F1 to open the command palette
  3. Type Peacock
  4. Choose Peacock: Change to a favorite color
  5. Choose one of the pre-defined colors and see how it changes your editor

3. Tailwind CSS IntelliSense

  • Publishers: Tailwind Labs
  • Installs: 871,182 installs
  • Version: 0.7.6, Last Updated 01/17/2022 Free

Overview

TailwindCSS is a utility-first CSS framework that has been gaining huge attention among the web developers. If you love Tailwind CSS then this is a must have extension to have. It is a free extension, published by Tailwind Labs (bradlc). This extension provides autocomplete, syntax highlighting, and linting for Tailwind classes. With this extension, developers don’t need to memorize the exact spelling of all the utility classes or to spend the time typing them out.

Linting

Linting highlights errors and potential bugs in both your CSS and your markup. It is the process of checking the source code for Programmatic as well as Stylistic errors.

Autocomplete

Intelligent suggestions for class names, as well as CSS functions and directives.

Installation and Configuration

In order for the extension to activate you must have tailwindcss installed and a Tailwind config file named tailwind.config.js or tailwind.config.cjs in your workspace.


4. Bracket Pair Colorizer

  • Publishers: CoenraadS
  • Installs: 7,279,363 installs
  • Version: 1.0.62, Last Updated 12/13/2021 Free

Overview

As our functions get more complex, it becomes more challenging to keep track of opening and closing brackets such as parentheses and curly braces.

We can use a VS Code extension called Bracket Pair Colorizer to add color to each set of opening and closing brackets, making it easier to identify each set of brackets.

image dev.to

Installation and Configuration

Install Bracket Pair Colorizer latest version from VS code package. After installation if you want customization:

  • Open up Settings by clicking Code > Preferences > Settings.
  • Search colorizer
  • Click Edit in settings.json beneath the bracket-pair-colorizer: Colors.

5. ES7+ React/Redux/React-Native snippets

  • Publishers: dsznajder
  • Installs: 4,344,921 installs
  • Version: 4.1.0, Last Updated 1/20/2022 Free

Overview

If you are a true React JS developer then this is a must have snippet for you, because it simply does just right for you. This plugin provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for VS Code.

image geeksforgeeks

Here you can see couple of popular PrefixMethod example for React developers, and the full list can be seen from official Github page.

To make a new class component, simply run:

rcc→


rce→


rfce

To make a functional component, simply run:

import React from 'react';

function $1() {
  return <div>$0</div>;
}

export default $1;

Installation and Configuration

Launch Quick Open:

Paste the following command and press Enter:

ext install dsznajder.es7-react-js-snippets


6. Prettier – Code formatter

  • Publishers: Prettier
  • Installs: 18,020,985 installs
  • Version: 9.1.0, Last Updated 1/3/2022 Free

Overview

Developers have different opinions on how to format the code structure so it would be readable. Prettier was created as a means of alleviating this challenge and ensures one unified code format within the development team.

Prettier reformats your JavaScript code consistently so that it make easy to read and understand the code. This plugin helps to format spacing, variable declarations, semi-colons, trailing commas and much more.

You can configure Prettier to format your files when saving them or committing them to a version control system (e.g. Git, SVN). This way, you do not have to worry about your source code formatting and Prettier takes care about it.

image honeypot

Installation and Configuration

Install through VS Code extensions. Search for Prettier - Code formatter

Visual Studio Code Market Place: Prettier – Code formatter

You can also installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install esbenp.prettier-vscode


7. Auto Rename Tag

  • Publishers: Jun Han
  • Installs: 7,766,922 installs
  • Version: 0.1.9, Last Updated 10/12/2021 Free

Overview

Most of the tags in HTML/XML need a corresponding closing tag. When writing large applications which consists of thousands and sometime millions of lines of code, the corresponding closing tags might located at very bottom of the editor, where developers has to scroll hundreds and thousand of lines below. It is tedious if you want to rename the tags.

Auto Rename Tag provides us with a feature that when we change the starting tag it will automatically rename paired HTML/XML tag, same as Visual Studio IDE does, making the renaming of tags easier.

image marketplace

Installation and Configuration

You can simply install the plugin using VS code Extensions. After installation, Add entry into auto-rename-tag.activationOnLanguage to set the languages that the extension will be activated. By default, it is [“*”] and will be activated for all languages.

{
  "auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
}

8. Live Share

  • Publishers: Microsoft
  • Installs: 7,397,050 installs
  • Version: 1.0.5273, Last Updated 1/20/2022 Free

Another great contribution by Microsoft. Live Share enables you to collaboratively edit and debug code with other developers in real time. Using this tools, pair programming has become more convenient, where developers can instantly and securely share the project with other developers.

Common features it includes, debugging sessionsterminal instanceslocalhost web appsvoice calls, and more!

It shares all of their editor context meaning, other developers do not worry about cloning any repos or SDKs installation for code review and debugging process.

Installation and Configuration

  1. If needed, install Visual Studio Code for Windows (7+), macOS (Sierra+), or Linux (details).
  2. Download and install the Visual Studio Live Share extension for Visual Studio Code.
    If you want to integrated voice calling, then install the VS Live Share Extension Pack, which includes both the Live Share and Live Share Audio extensions.
  3. Let Visual Studio Live Share to finish installing dependencies.
  4. Once complete, you’ll see Live Share appear in your status bar. You can now begin collaborating with others immediately!

Quickstart (Joining)

  1. Click the session URL the “host” sent you, which will open it up in a browser. When prompted, allow your browser to launch VS Code
  2. You’ll be asked to sign in the first time you share (using a GitHub or Microsoft account), which allows others to identity you when collaborating.
  3. That’s it! After you join, you’ll be immediately presented with the file that the “host” has open, and can see their cursor and any edits they make. Additionally, you start out “following” the host, so as they scroll or navigate between files, you’ll follow along with them. This makes it easy to orient yourself with the issue/question/task you’re about to start collaborating on.

9. Vscode-Icons

  • Publishers: VSCode Icons Team
  • Installs: 9,823,196 installs
  • Version: 11.8.0, Last Updated 12/4/2021 Free

Overview

Having descriptive icons help you differentiate between files and folders in the project. Having icons in your project make more interesting and attractive. Below diagram depict different between two VS Code tabs with One having icons, the other does not.

image logrocket

Installation and Configuration

To install the extension just execute the following command in the Command Palette of Visual Studio Code:

ext install vscode-icons

Once installed and after reloading vscode, you will be presented with a message to Activate the icons.

In case this doesn’t happen, navigate to:

  • Linux & Windows => File > Preferences > File Icon Theme > VSCode Icons.
  • MacOS => Code > Preferences > File Icon Theme > VSCode Icons.

10. TODO Highlight

  • Publishers: Wayou Liu
  • Installs: 2,270,992 installs
  • Version: 11.8.0, Last Updated 12/4/2021 Free

This plugin lets you to highlight TODO, FIXME and other annotations within your code. This is really a useful plugin for highlighting comments such as NOTE: , TODO: , DEBUG:. The customization settings are also quite extensive making it perfect for the developer, thus leading level up your comments on any project.

image visualstudio marketplace

Installation and Configuration

  • TODO:,FIXME: are built-in keywords.
  • You can override the look by customizing the setting.
  • To customize the keywords and other stuff,
  • command + ,
  • (Windows / Linux: File -> Preferences -> User Settings)
  • open the vscode file settings.json.

11. Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

  • Publishers: TabNine
  • Installs: 3,112,708 installs
  • Version: 3.5.16, Last Updated 1/12/2022 Free

Overview

Tabnine is the AI code completion assistant already trusted by millions of developers to amplify coding accuracy and boost productivity. Whether you are a new dev or a seasoned pro, working solo or part of a team, Tabnine AI assistant will suggest team-tailored code completions in most popular coding languages and all your favorite IDEs.

Tabnine is powered by sophisticated machine learning models. It is trained on more than a billion lines of open-source code from GitHub.

Tabnine suggests and predicts code as you write. This powerful extension speed up your development, save you tons of time and cutting your coding time in half. Currently it support almost all the popular programming languages including Python, Javascript, Java and React.

Tabnine’s Team Learning Algorithm studies your team’s code, preferences, and patterns, continuously learning and adapting. Every interaction with a team member amplifies code completion accuracy.

Installation and Configuration

  • Press Cmd+P (mac) or Ctrl+P (Windows) in your Visual Studio Code, type ext install Tabnine.tabnine-vscode and press Enter
  • Click the Reload button in the extensions tab
  • The default behavior of Tabnine uses the Enter key to accept completions. If you would rather use the Enter key to start a new line, go to Settings → Editor: Accept Suggestion On Enter and turn it off.

Conclusion

In this article, we reviewed 11 VS Code extensions that can help to make you a better programmer and boost your productivity. There are many more other cool extensions that we need to explore in future, so If we have time then will definitely look into those extensions in the coming articles.

반응형
반응형

[EBS 세계테마기행] 중국 한시 기행 플레이리스트

 

https://youtube.com/playlist?list=PL_VPKK-homZiipppksiWn6LxbcnQhasOW&si=6-pNv0F1ZP50rnoy

 

한시기행

 

www.youtube.com

 

반응형
반응형

세계테마기행 - 중국고사유랑, 김성곤교수 한시기행

https://worldtrip.ebs.co.kr/worldtrip/replay?stepId=01BP0PAPD0000000013

 

세상의모든기행

세상의모든기행

worldtrip.ebs.co.kr

 

 

https://youtu.be/fFBMJfS5GRk?si=G_oHEPR_cdS4GtX5

 #세계테마기행 #시안 #태평성대
중국고사유랑의 시작은 당대(唐代)에 태평성대(太平聖代)를 이룬 비결을 찾아 떠나는 여정이다. 출발지는 중국 역사에서 유일한 여황제가 잠든 치안링(乾陵, 건릉). 국가에 필요한 많은 인재를 적재적소에 등용시키고 언로(言路)를 개방한 무측천(武則天, 우쩌톈), 측천무후의 이야기를 통해 공포정치를 했다는 평가 뒤에 숨은 진짜 이야기를 들어본다. 이어 소개하는 이야기는 당나라를 황금기로 이끌었던 탕타이종(唐太宗, 당태종)과 직언을 서슴지 않았던 신하 웨이쩡(魏徵, 위징)의 일화. 당태종의 무덤 쨔오링(乾陵, 소릉)을 둘러보며 ‘임금이 밝으면 신하는 직언한다’는 군명신직(君明臣直)이란 고사성어에 얽힌 이야기를 들어본다. 이어 방문한 곳은 중국의 시조로 알려진 전설적인 인물, 황제(黄帝)의 능(陵) 후앙디링(黄帝陵, 황제릉). 황제의 손으로 직접 심었다는 측백나무를 보고 한자에 담긴 오래된 역사도 듣는다. 위안지아춘(袁家村, 원가촌)으로 향해 담박한 순두부 요리, 더우화(豆花, 두화)를 맛보며 백성은 먹는 것을 하늘로 여긴다는 민식위천(民食爲天)의 엄중한 뜻을 새겨본다. 이후, 오랜 역사만큼이나 광대한 자연으로도 유명한 중국의 풍광으로 들어가본다. 중국의 그랜드캐니언이라 불리는 간취안다샤구(甘泉大峡谷, 감천대협곡)로 향해 귀부신공(鬼斧神工), 귀신의 도끼로 만든 신묘한 작품이라 불리는 경치를 감상한다. 마지막은 세계 4대 문명 중 하나인 황허(黃河, 황하)를 잉태한 황허를 따라 가는 여정이다. 옌촨황허치안쿤완(延川黃河乾坤湾, 연천황하건곤만)에서 황허가 S자로 굽이치는 절경을 감상하고 황허에서 잡힌 황허리위(黃河鯉魚, 황하잉어) 요리를 맛본다. 다음날 힘찬 기상으로 흐르는 황허의 물길, 후커우푸부(壺口瀑布, 호구폭포)의 자연경관을 배경으로 리바이(李白, 이백)의 시를 읊으며 첫째 날의 여정을 마무리한다.

#세계테마기행#중국고사유랑#태평성대#시안#건릉#소릉#원가촌#황제릉#연천황하건곤만#잉어요리#호구폭포

 

https://youtu.be/xVXhPWsRSYQ?si=I6tmr_eHPN4EzXiz

#세계테마기행 #장한가 #병마용갱
두 번째 여정은 천년도읍의 역사를 가진 시안에 잠든 옛이야기를 찾아 떠난다. 첫 목적지는 역사 속에서 세기의 로맨스로 남은 당현종(唐玄宗)과 양귀비(楊貴妃)의 이야기가 펼쳐진 화칭공(華淸宮, 화청궁). 양귀비가 목욕을 했다는 목욕탕도 들러보고 당나라의 시인 백거이의 시를 바탕으로 만든 '장한가(長恨歌)'를 관람하며 역사로 남은 영원히 끝나지 않은 사랑의 노래를 들어본다. 다음날 시안(西安, 서안)의 미식 문화 거리 용싱팡(永興坊, 영흥방)에서 걱정과 근심을 떨치고 포부를 보여주기 위한 재미난 전통 체험을 해본 뒤 도교 신자들의 명산으로 유명한 타윈산(塔雲山, 탑운산)으로 향해 자연의 이치를 깨달은 신선처럼 도덕경의 구절을 읊어본다. 불멸을 꿈꾸던 친스황(秦始皇, 진시황)이 죽어서도 자신을 지키기 위해 흙으로 만든 병마용 군대를 볼 수 있는 빙마융보우관(兵馬俑博物館, 병마용박물관)에서 자세도 표정도 복장도 머리 모양도 다 다른 병마용의 생생한 모습을 만나보고 친스황링(秦始皇陵, 진시황릉)에서 말년에 폭정을 거듭하며 진시황이 남긴 고사성어 분서갱유(焚書坑儒)와 가정학민(苛政虐民)에 대해 알아본다. 두 번째 여정의 마지막은 만추안구안즈언(漫川關古鎮, 만천관고진)이다. 초(楚)나라와 진(秦)나라의 경계였던 이 전통 마을에선 전쟁의 역사가 고사성어로도 탄생했다. 마을 골목을 둘러보며 중국 단오절 풍습으로 내려오는 춘련(春聯)에 등장하는 문신(門神) 징더(敬德, 경덕)와 친츙(秦瓊, 진경)도 만나보고 소동파의 요리로 유명한 양셰즈(羊蠍子, 양갈자)를 맛본 뒤 맹호연(孟浩然)의 숙건덕강(宿建德江)을 읊으며 오래된 마을의 밤거리가 주는 고즈넉한 정취에 흠뻑 빠져본다.

#세계테마기행#중국고사유랑#영원불멸의노래#화청지#장한가#공연감상#영흥방#병마용갱#진시황릉#탑운산#만천관고진.

 

https://youtu.be/cO0bT-aWcB0?si=4pnteeKXTuq690BR

https://youtu.be/RLPrsMhAv4U?si=g-SeDXFnGjkXZ8cr

 

반응형
반응형

내 위치는 벼랑 끝. 지갑에 만 원밖에 없어도 포기하지 않는 20대 이야기│결혼과 출산은 사치 불평등 사회에서 살아남기│다큐프라임│#골라듄다큐

 

https://www.youtube.com/watch?v=BovO0W6qVgw

반응형

+ Recent posts