Show shortcode without executing it

I am trying to display code in my WordPress page and it isn’t working. Everything I read says that you should be able to just use pre tag with code tag and it would be good but when I try to display a shortcode, it renders the shortcode rather than displaying the code.

Conditionally Loading JavaScript/CSS for Shortcodes

I released a plugin that creates a shortcode and requires a JavaScript file and a CSS file to load on any page that contains that shortcode. I could just make the script/style load on all pages, but that’s not the best practice. I only want to load the files on pages that call the shortcode. I’ve found two methods of doing this, but both have problems.